React + Tailwind = Getir Anasayfa (Bölüm 1)

Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
/ @prototurkcom
Yeni çıkardığım PHP Eğitim Setime gözatın!
udemy.com/php-...
-- Sosyal Hesaplarım;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen

[@PROTOTURKCOM]

Derste yaptığımız örneği bu repodaki "ders" branch'inden takip edebilirsiniz. github.com/tayfunerbilen/getir.com-react-tailwind/tree/ders Bu bölümün kodları için: github.com/tayfunerbilen/getir.com-react-tailwind/commit/a893ae2bd4402dbb0172856c615452e5e94c39c6

[@emircanerkul]

PHP yi bırakak mı ? :D Hocam Drupalciyim ben de bence react + tailwind + decoupled drupal efsane esneklik sağlar gibi, ne dersiniz öğreneyimmi react'ı

[@omerfarukbicer2208]

hocam 2.bölümü istiyoruz :)

[@kouraycu1475]

Videolardaki aralarda geçen muhabbetler, takıldığımız yerlerde çözüm arama şekliniz ve anlatım tarzınız gerçekten çok hoş hocam. Özellikle reklam engelleyicimi kapatıp videolarınızı seyrediyorum. Paylaşım için teşekkürler.

[@hasanablak]

Reyisssss geri geldiiiii çok sevindim ya hg reyis.

[@AbdulmecitDemirhann]

Böyle içerikler yayınlamanız herkes için çok yararlı. Çok teşekkür ederim.

[@omerfarukbicer2208]

Tam uyuyacaktim bu video içimi açtı 😂 çok sağol hocam artık izlemek düşer bize

[@san_murat_131]

Anlatım, samimiyet, yeri geldi mi problemleri kesmek yerine direk kayıtta bizimle çözmek olsun gerçekten kendinizi sıkılmadan izlettiriyor ve aynı zamanda da eğlendirebiliyorsunuz hocam. Bir saatin nasıl geçtiğini anlamadım diyebilirim :)

[@seotudio9596]

35:30 da baya güldüm ya kaç kez izledim çok hoş tepki olmuş adamsın seviliyorsun :D

[@codingwithdidem]

NERDEĞSİNNNNNNN dediği anda koptu m:D Emeğine sağlik çok güzel şeyler öğrendim

[@PROTOTURKCOM]

haha çok sağol didem, seni burada görmek güzel :)

[@codingwithdidem]

@@PROTOTURKCOM teşekkür ederim bu kadar eğlenceli anlattiğini bilsem daha önce gelirdim :DD

[@muzaffertop4884]

Geçmiş olsun reis hoşgeldin

[@celalettinelbir1747]

Hoşgeldin reiss

[@batusbatus7732]

Abi sayende reacttı daha iyi anlamaya başladım emeğine sağlık lütfen react js uygulamalarına devam edelim abi emeğine sağlık.

[@Prog2012]

Çok akıcı güzel keyifli bir dersti teşekkürler.

[@mhmtpolat4802]

Tayfun hocam merhana, elinize sağlık bilgiler için. VS Code da auto import diye eklenti var, componentin adını yazınca otomatik olarak yukarıya import ediyor. Kolaylık sağlıyor bu açıdan. Webstorm kadar olmasa da auto import biraz daha işimizi kolaylaştırıyor.

[@ozangndgd]

Hocam şu yazılımı senden izleyince çok keyif alıyorum :D

[@afatihyavasi]

Eline sağlık Tayfun

[@ebubekiryazgan]

geçmiş olsun tekrar reis. gözümüz yollarda kaldı :

[@hersey3001]

Kral sahalara döndü

[@yazlmkursu]

Çok özledik hocam seni çok geçmiş olsun

[@damage6405]

Kral özlendin hoşgeldin.

[@Enes-ets34]

Harika

[@kuleden_]

Hocam bu bilgiler halen geecrrlimi izleyelim mi

[@canerucar34]

ufkumu açıyosun valla. kralsın, denk geliriz umarım bi gün 🙏

[@umutcan8521]

Kardeşim web programciligi bolumunu bitireli yillar oldu su an bambaska bir meslek edindim ama gece uyuyamayinca acip seni izliyorum eskiden odevlerimi sayende yapardim :)))

[@emreguven443]

Elinize sağlık çok güzel bir seri olmuş

[@bigshrek2324]

aşırı yararı oldu

[@mertduzgun6587]

Tailwind watch problemini package.json'daki start scriptinin başına "TAILWIND_MODE=watch" ekleyerek çözebilirsin abi.

[@FootballHistoryy]

Reis nerelerdesin !?, böyle projelerin devamını bekliyoruz. :)

[@murat1907]

hocam bu saatte video mu :D eline sağlık

[@roothakan4367]

Hocam aklıma takılan bir soru var. Büyük sitelerde Instagram, Twitter gibi veya getir gibi sitelerde divlerin classlari neden antin kuntin harfler oluyor onların kullandığı dil mi farklı?

[@mumtazbahadr6846]

hocam videolar çok iç açıcı fakat benim sliderım da resimler gözükmüyor

[@Muhendisbirii]

Her kodum doğru olmasına , yeni modüle göre düzeltmeme rağmen css uygulamıyor, neden olabilir? İnstallar tam, bulamadım bir türlü :/

[@rasimkaradenizz]

Merhaba abi card, input gibi nesneleri component yapip içinde ki özellikleri props olarak göndermek mantıklı değil mi? Sen sadece anasayfayı yaptığın için uğraşmadın muhtemelen de ben soruyu genel bir proje için soruyorum.

[@atom3572]

hele hoştur

[@bulutkuru4651]

Üstad Selamlar Tailwind css ile div className = " buraya yazdıgım özellikler" npm run watch yapmadan işlemiyor nasıl çözebilirim

[@PROTOTURKCOM]

bu bir sorun değil yanlız işlememesi lazım zaten, senin yazdığın classları purge ederek sana bir css dosyası oluşturması gerekiyor yani sadece kullandığın kadarıyla bir css dosyası oluşturması için watch etmen gerekiyor

[@yuceltoluyag]

twitterde yazsam mı yazmasam mı diye çok düşünüyordum yazmamıştım o an :D Bana bu kullandıkları arayüz almanyada ki bir shopun arayünüzün tıpkısının aynısı, tamam esinlenirsinde dümdüz tıpkısının aynısını yapmışlar. Hatta bunun teması themeforestte satılıyor :D Başarı kıskanma vs gibi algılanmasın ama hiçbir efor sarfetmemişler ( ͡ᵔ ͜ʖ ͡ᵔ )

[@ahmetgonlum754]

hangi site peki biz de bakalim

[@gokhan1519]

hangi arayüzün aynısı, link de bıraksaydın keşke

[@bariscodefx]

abi uyuyacaktim niye video atiyosun izlemek zorundayim :D

[@meloniamlbb5355]

Hocam ben daha 12. Dakikadaki brand color rengini getiremiyorum. Hata da yok ama renk gelmiyor. 🙄🙄

[@perverturga1574]

merhaba aradan biraz süre geçmiş ama sorununuzu halledebilmiş miydiniz

[@foryourhappines]

Abi hangi bilgisayarı kullanıyorsan söyle de yanlışlıkla almayalım

[@PROTOTURKCOM]

macbook pro 2015 :D alet kötü değil aslında, kayıt işlemleri için ideal değil sadece yoksa normal geliştirme yaparken vs. sorun yaşatmıyordu

[@yazlmkursu]

hocam siz proje creat ettiğiniz de default şekilde yarn lı başlıyor bende de yarn yüklü fakat projem de yarn.lock gibi bir şey kurulmuyor onun için özel bir ayar mı? var...

[@PROTOTURKCOM]

yok bi ayar yapmadım sebebini bilemedim valla :D

[@arifarslanturk2951]

CRA post css override etmeyi desteklemediginden jit calismiyor, bunu craco kullanarak cozebilirsin.

[@PROTOTURKCOM]

Onu da demedim sorun çıkarıyordu en son tekrar bir bakarım

[@eneskahraman8830]

14:35 dakikadaki eklenti mi hocam öyle ise adı nedir?

[@PROTOTURKCOM]

github copilot

[@revibesoft]

Hocam php galiba tamamen bıraktınız? Yoksa php bittimi

[@PROTOTURKCOM]

Php benim bırakmamla bitecek bir dil değil ama ben stackimi işim gereği JavaScript’e taşıdığım için artık çok fazla yazmıyorum doğrudur :)

[@cagatayacar546]

peki neden react? neden bu projede react kullandık ki biz hocam? Açıklar mısınız, teşekkür ederim.

[@PROTOTURKCOM]

ilk sebebi getir.com da sistemini react ile yazdığı için, ayrıca yönetimi çok daha kolay, güncel teknoloji, açık kaynakta paket bulmak çok kolay, yazımı kolay, daha ne olsun :)

[@cagatayacar546]

@@PROTOTURKCOM teşekkürler hocam :)

[@dogukanonder2863]

keşke a dan z ye getir projesi yapsaydınız sadece css kodlamışşınız üzüldüm

[@PROTOTURKCOM]

projenin amacı o değil dostum, sen armut piş ağzıma düş derdindesin :)

[@furkanoguz7841]

hocam jit yazmamıza artık gerek yok mu

[@PROTOTURKCOM]

hayır artık gerek yok

[@eminnkurt]

35:30 :D

[@hakankaya1891]

Selam hocam. Paylaşımlarınız süper, çok şey katıyor. Burda yapay zeka kardeşimizi kullanmamıza yarayan extension nedir? :)

[@PROTOTURKCOM]

github copilot

[@hakankaya1891]

@@PROTOTURKCOM teşekkür ederim

[@dogukanonder2863]

merhaba bu uygulamada redux kullanıldımı

[@PROTOTURKCOM]

bunda kullanmadık, spotify derslerinde redux kullandık ona bakabilirsin

[@ilknurgrl]

veri tabanı var dimi bu sitenin

[@PROTOTURKCOM]

hangi sitenin kardesim?

[@combatarmstheclassic]

@@PROTOTURKCOM 😂😂

[@gulalicelik2989]

yorum

[@FrexxLebron62]

[@kuleden_]

Hocam bu bilgiler halen geecrrlimi izleyelim mi