Uzun zamandır düşündüğüm bir konuydu ama hiç araştırma yapma ihtiyacı duymamıştım. Şu ara nasıl bir çözüm bulmalıyım diye düşünmem gereken bir mevzu idi sağolasın sayende problem canımı sıkmadan çözümünü bulmuş oldum.
sourcemap amaci production ortaminda js kodu hata verdiginde production ortamindaki minified ve uglified kodu debug etmek yerine sourcemap kullanip hata veren satiri gercek kodda gorebilmek aslinda. source map ile bu sebeple kaynak kodu cikartilabiliyor. Bu dosyalari uretmek mantikli ancak publish yaparken paylasilmamasi gerekli.
Hocam macbook almak istiyorum yazılım için kullanacam, belki arada video edit de yaparım, siz hangi modeli kullanıyorsunuz veya bana ne tavsiye edersiniz
ben m1 modelini kullanıyorum yeni aldım bunu tavsiye ederim canavar gibi makine, bende videolar için export almam vs. gerekiyordu bu makine yeterince işimi görüyor ama 2020 öncesi makine alma abi pişman olursun sonra
Bazı büyük şirketlerin bile kodu gözüküyor. Mesela hepsijet gözüküyor ve kötü yazılmış geldi benim gözüme :D Gözümde çok büyüttüğümü farkettim bu şirketleri
@@PROTOTURKCOM haha doğru diyorsunuz.Hocam aslında frontend ile neredeyse hiç alakam yok ama sizin öğretici videolarınızı izlemeye bayılıyorum.Emeğinize sağlık
TL;DR
Kısaca build aldıktan sonra ya static/js altındaki .map uzantılı dosyaları silin ya da build scriptinin başına GENERATE_SOURCEMAP=false ekleyin.
iste gercek ogreticilik budur bu insana dokunmaktir sevmektir bilgiyi paylasmaktir cok memnun oldum
Elinize sağlık, şirket projesinde React kullanma ihtimalimiz vardı bunu göz önünde bulundurarak gerçekleştirmek güvenlik açısından çok mantıklı
Bu aralar tüm projelerimi react yazıyorum şuan bu video görmeseydim çok üzülürdüm gerçekten çok teşekkürler
Uzun zamandır düşündüğüm bir konuydu ama hiç araştırma yapma ihtiyacı duymamıştım. Şu ara nasıl bir çözüm bulmalıyım diye düşünmem gereken bir mevzu idi sağolasın sayende problem canımı sıkmadan çözümünü bulmuş oldum.
çok çok güzel içerik olmuş hocam ellerinize sağlık. Birde farklı bir yönden bakmayı göstermeniz kendi adıma aydınlanmayı yaşadım
hocam cok tesekkurler cok onemli bir bilgi paylasmissiniz ve canlida kullandigimiz projede bu detayi gormek can sıktı hemen sılelım :))
çok yararlı bir paylaşım teşekkürler emeğine sağlık
Çok harika bilgiler hocam
Teşekkürler bilgi için
altın değerinde bir bilgi daha
Çok teşekkürler faydalı bir bilgi.
Harikasın bro.Çok önemli bir bilgi.
Eline sağlık. Saf emek.
Tesekkurler 😊
emegine saglik kardesim
çok yararlı bir video teşekkürler
Geçen getirin web sitesinde de aynı olay vardı ama sonra hemen kaldırdılar baya gözüküyordu her şey.
Kendi projelerimde bu sorunların olduğunu görünce şok oldum, uyarı için çok teşekkürler Tayfun hocam.
Güzel video,
Azerbaycandan selamlar. React proje dersleri olmasini isterdim
yavaş yavaş kanalda videolar çoğalacaktır :) a.s
abi artık uzun güzel dersler gelir mi ? vuejs ile laraveli beraber kullanmak gibisinden bir şeyler çok güzel olur
faydalı video!
Bu durum hala böyle mi?
eyvallah hocam
Abi senden çok şey öğrenmek istiyorum
Zaten herkes görüyor. Çünkü tüm projelerim githubda 😂😂
abi kolay gelsin burda kullanmis oldugun eklentinin ismi nedir developer toolsda sayfanin ne ile yapildigini gösteriyor
wappalyzer
sourcemap amaci production ortaminda js kodu hata verdiginde production ortamindaki minified ve uglified kodu debug etmek yerine sourcemap kullanip hata veren satiri gercek kodda gorebilmek aslinda. source map ile bu sebeple kaynak kodu cikartilabiliyor. Bu dosyalari uretmek mantikli ancak publish yaparken paylasilmamasi gerekli.
o hata production ortamına kadar geliyorsa bence sizin süreçte bir sorun olabilir :)
Emeğin için teşekkürler, gayet güzel bilgiKullanmış olduğun Chrome teması nedir acaba? çok hoşuma gitti ama bulamadım.
chrome'un default dark teması sanırım ek bir şey kullanmadım
Hocam macbook almak istiyorum yazılım için kullanacam, belki arada video edit de yaparım, siz hangi modeli kullanıyorsunuz veya bana ne tavsiye edersiniz
ben m1 modelini kullanıyorum yeni aldım bunu tavsiye ederim canavar gibi makine, bende videolar için export almam vs. gerekiyordu bu makine yeterince işimi görüyor ama 2020 öncesi makine alma abi pişman olursun sonra
@@PROTOTURKCOM Fedora varken macOS'u ne yapalım abi, sevgiler :)
@@rznkolds tercih meselesi :)
Bazı büyük şirketlerin bile kodu gözüküyor. Mesela hepsijet gözüküyor ve kötü yazılmış geldi benim gözüme :D Gözümde çok büyüttüğümü farkettim bu şirketleri
html css tabanlı web sitemin kodlarını da gizleyebilir miyim
hayır gizleyemezsin
Masaüstü arkplan görseli güzelmiş linki var mı? GEnellikle nereden indiriyorsun?
indirmiyorum varsayılan arkaplan, macos monterey wallpaper diye aratıp bulabilirsin
Hocam bende gözükmüyor sebebi ne olabilir ? React dev tools kurulu. Projemin gözüküp gözükmediğini nerden anlayabilirim ? Gösterdiğiniz siteye girdiğimde de göremiyorum dosyaları
sen allah'ın sevgili kulusun demek ki yanlışa yönlenmeni istemiyor böyle kabul et hayatına devam et bence :D
@@PROTOTURKCOM Hahahah sağolun hocam ben hiç kurcalamayayım en iyisi :D
$ altın değerinde bir bilgi :)
Aslında paralı olan bütün temaları alabiliriz
(ç)alabiliriz diyecektin sanırım, artık orası senin vicdanına kalmış.
@@PROTOTURKCOM ödün(ç)alıyoruz hocam aslında
vicdanın rahatsa sorun yok dostum ister çal ister ödünçal :)
@@PROTOTURKCOM haha doğru diyorsunuz.Hocam aslında frontend ile neredeyse hiç alakam yok ama sizin öğretici videolarınızı izlemeye bayılıyorum.Emeğinize sağlık
Next.js ile geliştirilmiş projelerde de bu geçerli midir?
hayır geçerli değil
abi konu dışı olacak ama kullandığın vs code temasının ismi nedir?
webstorm teması, material deep ocean
nasi
Themeforest ustunden bir kaç tane html template projesini böyle çalmış olabilirim. Haram olduğunu bilmiyorudum 😂
Kod yazmanın dışında çok güzel içerik olmuş eline sağlık abi
"build": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build"
bu şekilde kullanabilirsiniz diğer türlü hata veriyor.
tüm oyunu bozdun abi ya :)