What you'll learn:
- React'i sıfırdan öğreneceksiniz.
- React'e her yönüyle hakim olacaksınız.
- Context API ile state yönetimi yapabileceksiniz.
- Unit test yazmayı öğreneceksiniz.
- Real time çalışan web uygulamaları geliştirebileceksiniz.
- İnternet bağlantısı olmadan da çalışabilen web sayfaları geliştirebileceksiniz.
- React projelerinin nasıl deploy edileceğini öğreneceksiniz.
- Single page web uygulamaları geliştirebileceksiniz.
- Backend servisleri ile nasıl çalışacağınızı öğreneceksiniz.
- JavaScript Service Worker'lar ile çalışabileceksiniz.
Öğreneceğiniz Başlıca Teknik Terimler
Components
Props
States
Hooks
Lifecycle
React Router
Memoization
Context API
JWT Authentication
Real time Çalışan Uygulamalar Geliştirmek (Socket IO)
Unit Testing
NPMJS Üzerinde Component Paylaşmak
Localization
Deploy
Gerçek Dünya Projeleri (E-Commerce app, Chat app vb.)
Neleri Konuşuyoruz
Her zaman beklentilerin üzerinde kurs vermeyi hedefledim. Bu da demek oluyor ki, sadece React ve Redux öğrenmeyeceksiniz. Bu teknolojiler ile entegre çalışabilecek veya bu teknolojiler ile birlikte kullandığınızda ortaya daha iyi işler çıkarabileceğinize inandığım teknolojilerden de bahsettim.
Öğrendiklerimizi de havada bırakmayıp projeler ile iyice pekiştirdik. Projelere çok fazla önem verdim. Kursun yaklaşık 6 saatlik kısmını projeler oluşturuyor.
Temel Dersler
Bir teknolojiyi her yönüyle öğrenirken en önemli nokta temel dersler. Eğer kullandığınız teknolojinin hangi amaca hizmet ettiğini, hangi sorunu çözmek için ortaya çıktığını bilmeden sırf popüler diye kullanırsanız inanın bana kaliteli işler çıkmıyor. İşte bu noktada "React Nedir?", "Redux Nedir?" ve hangi amaca hizmet etmek için, hangi sorunu çözerek ortaya çıkmışlar detaylı olarak anlattım.
Kodlarımızı tamamen EcmaScript 6 standartlarına uygun olarak yazdık. EcmaScript 6 temellerinden ve modül sisteminden de ayrıca bahsettim.
React'in temelini oluşturanComponent,Props,State, Lifecycle,React Routergibi kavramları özenerek anlattım.
Context API
React uygulamaları geliştirirken state'i yönetmek gerçekten çok büyük sorun olabiliyor. State yönetimi için onlarca kütüphane sayılabilir. Bunların arasında en basit ve anlaşılabilir olarak React'in çekirdeğinde bulunan Context API göze çarpıyor. Biz de kurs boyunca projelerimizi Context API'ı kullanarak geliştirdik ve gayet net bir şekilde pekiştiğine inanıyorum.
Redux
Redux, çoğu zaman anlaması ve uygulaması zor olduğu söylenen bir yapı. Ben bu sorunu konunun sıralı bir şekilde anlatılmamasına bağlıyorum. Sıralı olarak üzerine konarak anlatılan bir kursta oldukça anlaşılır bir yapı.
Redux nedir? Neden ihtiyaç duyarız gibi kilit bir soruyu cevapladıktan sonra, Redux data flow'u tanımlayarakAction,Reducer,Dispatcher,Store,Providergibi redux'ın en kilit kavramlarını tek tek anlattım.
Redux-Thunk Middlewareile Async Action'ları nasıl yönetip kullanabileceğinize gerek Redux'ın temellerinde gerek proje derslerinde sık sık değinerek akılda kalıcı olarak kalmasını sağladım.
Siz kurs içerisinde fark etmiyorsunuz ancak ben aynı şeyi farklı videolarda sık sık tekrarlıyorum. Bir şeyin akılda kalması da tekrara bağlı zaten.
Next.JS
Server Side Rendering'in ne olduğunu anladıktan sonraSSRkonusunda en iyi altyapıyı sağlayan Next.JS'i öğrenmeye başladık.
Next.JS'in sahip olduğuRouting,Styled Component,HMR,Isomorphic Fetch,Prefetchgibi kavramları enine boyuna anlattım.
Ayrıca custom routing işlemlerinde deExpress.JSkullanarak konuyu destekledim.
Bu bölümden sonra günümüzün en modern web teknolojilerinden biri olanNext.JSileSSRdestekliReactuygulamaları geliştirebileceksiniz.
Progressive Web Uygulamaları ve JavaScript Service Workers
Progressive Web Uygulamaları, belki şuan'a kadar pek duymadığınız ama önümüzdeki on yıl içerisinde en çok duyacağınız kavramlarından biri.
Bir web site düşünün ki internet bağlantısı olmasa dahi çalışabilsin. Bize bunu kazandıranService Workersdenilen yapı. Internetin çekmediği metrolarda insanların web sitenizi kullanmasını ister misiniz? İşte bu konuyu da kursta anlattım. Faydalanacağınıza eminim.
Deploy
Projenizi yaptıktan sonra en sancılı süreçlerden biri bu olabiliyor. React uygulamalarınızı deploy edebileceğiniz hazır servislerden olan Surge ve Netlify'ı öğreneceksiniz. Ayrıca kendi sunucunuza nasıl deploy edeceğinizi öğrenmeniz için de AWS EC2 üzerine deploy işlemlerini konuşuyor ve uyguluyoruz.
