Abi gelistirme yaparken eger vite kullanıyorsan build alıp sonra npm(hangi paket yonetim sistemini kullanıyorsan) preview --host yaparsan local ip adresinde calısıyo telefonu aynı wifiya baglarsan mobilden canlı girebilirsin uygulamaya. Bu tarz seyleri test etmek icin guzel oluyor iyi calışmalar herkese
@@erayozkan8371 next js te bu şekilde kullanıyorum: H [Host ip yerel cihaz ip] p [Host portu sana kalmış ben genelde 80 yapıyorum] bu formatta, npm run dev -- -H 192.168.1.10 -p 80 şeklinde
Mobil ve desktop görünümde göstermek için state kullanmak performans açısından sıkıntı yaratabilir. Bunu css ile gösterip gizlesek daha anlamlı kılacaktır. Basit bir component için state ve useEffect üstüne event koymaktansa componentin mobile ve desktop kısmını render etmekten daha iyi olabilir
Bu tarz şeyler artık sorun olmaktan çıkıyor, component kendi içinde render oluyor genel olarakta logic zaten karmaşık değil, ben bir çok büyük küçük projede kullanıyorum sorun olmuyor, elbette siz öyle de kullanabilirsiniz responsive in bir çok yolu var birisi doğrudur diye bir konu yok zaten :)
Yazılımda doğru diye bir şey yok zaten abi ama burada zaten logicin içerisindeki kısmı dom-tree'e işliyorsun. Logic'e takıldığı sürece Time to interactive süresi de artıyor. Her state değişiminde dom-tree güncellenmeside cabası. Herkesin koduna kimse karışamaz @@PROTOTURKCOM
Abi videonu yeni açtım inanmadım çünki tam da şimdi hava uygulaması yapıyordum . Telefondan nasıl görünür diye baktığımda felaket. Şimdi yoruma sorunu yazlcaktım ki videom sorunun cevapıymış. Doğru sedece HTML CSS JS biliyorum React-e başlamadım ama belki şimdi kullanırım. Bir de demek istediğim öyle canlı anlatıyorsun ki, sıkılmıyorum. Teşekkürler. ❤
Tayfun hocam uzun yıllardır tüm css ile ilgili videolarınıza bu konuda bir yorum yaptım fakat bir dönüş hiç alamadım, css anlatınız fakat responsive tasarımı hiç anlatmadınız tam detaylı bir video gelse aslında sizin de çok fazla izleneceğinizi ve responsive henüz benim kadar tam anlamış olmayan ya da yeni başlayanlar için ideal bir pinlemelik bir video olacağını düşünüyorum.
adobe spectrumdaki Gesture Driven Modal Sheet componentine benziyor. Umarım adobe spectrum tanırımı da gelir. Birde bana cihazlarda/tarayıcılarda desteklemeyen özellikler için destek paketi lazım (browser support) gibi post css kullanıyorum ama bazen yeterli gelmiyor. true false değerine göre iceriği değiştireceğim
Selam bir öneride bulunmaya geldim çok güçlü bir react için css in js teknolojisi var pandaCSS onun tükçe olarak dökğmantasyon videosu çekebilime şansınız olur mu projeler daha hızlı çıkıyor araştırmanızı öneririm
React spring bottom sheet kullandığım projede telefonlarda hem sürüklenerek hem açılan kısmın dışına tıklayınca kapanmasını istiyorum. Yalnız IOS telefonlarda açılan kısım dışına tıklayınca arkadaki elementleride algılıyor, onlar açılıyor. Bunun çözümünü biliyor musunuz? Teşekkür ederim!
JetBrains WebStorm süper IDE hocam tavsiye ederim, dotnet için de rider ı inanılmaz güzel yapmışlar, özellikle mac kullanıcısıysanız alternatifi yok diyebilirim
@@kaangurbuz1497 windows visual studio da iyi bence community ve extentionları açısından, Jetbrains te iyi ama ücretli olması can sıkıyor. Ama genel olarak en iyisi sublime text en az sistem gereksinimi talebine sahip ve sade kullanışa sahip editör olarak vazgeçilmezimdir.
Demo: prototurk-react-responsive-button.vercel.app/
Kaynak kodlar: github.com/tayfunerbilen/prototurk-react-responsive-button
Videoda unutmusum, useMedia hook'unda cleanup'da dinledigimiz event'i remove etmemiz gerekiyordu, github'da duzelttim kontrol edersiniz.
repo'yu kontrol ettiğimde farkettim
useMedia hook'undaki cleanup fonksiyonunda removeEventListener metodunun adında bir yazım hatası var. (typo ~ 'changge' -> 'change')
gözden kaçmış sanırım fyi
Abi gelistirme yaparken eger vite kullanıyorsan build alıp sonra npm(hangi paket yonetim sistemini kullanıyorsan) preview --host yaparsan local ip adresinde calısıyo telefonu aynı wifiya baglarsan mobilden canlı girebilirsin uygulamaya. Bu tarz seyleri test etmek icin guzel oluyor iyi calışmalar herkese
super bilgiymis, deneyecegim en kisa zamanda :)
Harika bilgi kral eyvallah
biraz daha detaylı anlatabilir misin tam beceremedim
@@PROTOTURKCOM bunu yeni görmenize şaşırdım doğrusu genelde biz sizden akıl alıyoruz.😅 Aynısı birçok js complier için geçerli aslında...
@@erayozkan8371 next js te bu şekilde kullanıyorum: H [Host ip yerel cihaz ip] p [Host portu sana kalmış ben genelde 80 yapıyorum] bu formatta, npm run dev -- -H 192.168.1.10 -p 80 şeklinde
Mobil ve desktop görünümde göstermek için state kullanmak performans açısından sıkıntı yaratabilir. Bunu css ile gösterip gizlesek daha anlamlı kılacaktır. Basit bir component için state ve useEffect üstüne event koymaktansa componentin mobile ve desktop kısmını render etmekten daha iyi olabilir
Bu tarz şeyler artık sorun olmaktan çıkıyor, component kendi içinde render oluyor genel olarakta logic zaten karmaşık değil, ben bir çok büyük küçük projede kullanıyorum sorun olmuyor, elbette siz öyle de kullanabilirsiniz responsive in bir çok yolu var birisi doğrudur diye bir konu yok zaten :)
Yazılımda doğru diye bir şey yok zaten abi ama burada zaten logicin içerisindeki kısmı dom-tree'e işliyorsun. Logic'e takıldığı sürece Time to interactive süresi de artıyor. Her state değişiminde dom-tree güncellenmeside cabası. Herkesin koduna kimse karışamaz @@PROTOTURKCOM
kaynak kodlarini paylasmaniz cok guzel olmus ben yeni farkettim
Zamanında prototürk videolarını normal hızda izlerken bile yetişemiyorken şuan 1.5x de izleyince anlıyorsun geliştiğini :D
Hocam cok guzel, sizin sayenizde bir cok paketleri gormus oluyoruz, React ile calismanizda ayrica guzel emekleriniz icin tesekkurler
Abi videonu yeni açtım inanmadım çünki tam da şimdi hava uygulaması yapıyordum . Telefondan nasıl görünür diye baktığımda felaket. Şimdi yoruma sorunu yazlcaktım ki videom sorunun cevapıymış. Doğru sedece HTML CSS JS biliyorum React-e başlamadım ama belki şimdi kullanırım.
Bir de demek istediğim öyle canlı anlatıyorsun ki, sıkılmıyorum. Teşekkürler.
❤
çok güzel bi eğitim olmuş, eline sağlık hocam
Tayfun hocam uzun yıllardır tüm css ile ilgili videolarınıza bu konuda bir yorum yaptım fakat bir dönüş hiç alamadım, css anlatınız fakat responsive tasarımı hiç anlatmadınız tam detaylı bir video gelse aslında sizin de çok fazla izleneceğinizi ve responsive henüz benim kadar tam anlamış olmayan ya da yeni başlayanlar için ideal bir pinlemelik bir video olacağını düşünüyorum.
Teşekkürler. Emeğinize sağlık
adobe spectrumdaki Gesture Driven Modal Sheet componentine benziyor. Umarım adobe spectrum tanırımı da gelir. Birde bana cihazlarda/tarayıcılarda desteklemeyen özellikler için destek paketi lazım (browser support) gibi post css kullanıyorum ama bazen yeterli gelmiyor. true false değerine göre iceriği değiştireceğim
Ellerine sağlık Tayfun Hocam. Uygulamaları build alırken çıkabilecek güncel hatalara yönelik bir video çeker misin?
Hocam seviliyosunn ozellikle eski html css videolarinda 😆
elinize sağlık.
hocam web teknolojilerinin geleceği hakkında ne düşünüyorsunuz?
Selam hangi ide yi kullaniyorsun?
webstorm kullaniyorum
bunu kullanarak navbar-ın belli bir yükseklikten aşağıya düştüğümüz zaman navbarın sticky olarak kalmasını da yapa bilirmiyiz hocam?
Süpersin hocam 🫵🏻
Selam bir öneride bulunmaya geldim çok güçlü bir react için css in js teknolojisi var pandaCSS onun tükçe olarak dökğmantasyon videosu çekebilime şansınız olur mu projeler daha hızlı çıkıyor araştırmanızı öneririm
böyle bilgiler çok süper
Abi hangi IDE kullanıyorsun?
webStorm
eyvallah kral
teşekkürler emeğine sağlık
React spring bottom sheet kullandığım projede telefonlarda hem sürüklenerek hem açılan kısmın dışına tıklayınca kapanmasını istiyorum. Yalnız IOS telefonlarda açılan kısım dışına tıklayınca arkadaki elementleride algılıyor, onlar açılıyor. Bunun çözümünü biliyor musunuz? Teşekkür ederim!
Next.JS dersleri başlasın ...🤓
Hocammm emeğine sağlık
Her videoda başka bir ide
JetBrains WebStorm süper IDE hocam tavsiye ederim, dotnet için de rider ı inanılmaz güzel yapmışlar, özellikle mac kullanıcısıysanız alternatifi yok diyebilirim
genelde webstorm aslinda, gorunumu degisiyor sadece :D
ücretli diye biliyorum doğru mu @@kaangurbuz1497
Hocam beynine sağlık paylaşımların için ben sizden çoksey öğreniyorum
@@kaangurbuz1497 windows visual studio da iyi bence community ve extentionları açısından, Jetbrains te iyi ama ücretli olması can sıkıyor. Ama genel olarak en iyisi sublime text en az sistem gereksinimi talebine sahip ve sade kullanışa sahip editör olarak vazgeçilmezimdir.
Teşekkürler, Emeğinize Sağlık