RJS

RJS- React JS/Native

Etkinlik İçeriği

  • Bölüm 1: Giriş
    • Ders 1: React.JS Nedir?
    • Ders 2: React.JS Hangi Sorunu Çözer
    • Ders 3: Virtual Dom nedir?
    • Ders 4: React'ı Kullanmak Ne Zaman Mantıklı?
    • Ders 5: Two-Way Data BindingNedir?
    • Ders 6: One-Way Data BindingNedir?
    • Ders 7: Component Nedir?
    • Ders 8: JSX Nedir?
  • Bölüm 2: Kurulumlar
    • Ders 9: Node.JS Kurulumu
    • Ders 10: React Dev Tools
    • Ders 11: WebStorm
    • Ders 12: WebStormReact Live Templates
  • Bölüm 3: EcmaScript 6 Bilinmesi Gerekenler
    • Ders 13: Spread Operator
    • Ders 14: ArrayMap
    • Ders 15: ArrayFilter
    • Ders 16: Object.assign
  • Bölüm 4: EcmaScript 6 Modül Sistemi
    • Ders 17: Modül Oluşturmak
    • Ders 18: Varsayılan Modül Belirlemek
    • Ders 19: as Keyword'ü ile Yeniden İsimlendirme
    • Ders 20: Çok Fonksiyonlu Modüllerde as Operatörü
    • Ders 21: Temiz Modül Yazmak
  • Bölüm 5: Component'ler (Bileşenler)
    • Ders 22: Create-react-app ile Hello World!
    • Ders 23: Component Oluşturmak ve Kullanmak
    • Ders 24: Component Oluşturmak ve Kullanmak-2
    • Ders 25: Özel Tanımlı Keyword'ler
    • Ders 26: Componentler'de Değişken Kullanmak
  • Bölüm 6: Props'lar ile Çalışmak
    • Ders 27: Props nedir? Nasıl Kullanılır?
    • Ders 28: PropsKullanımı - 2
    • Ders 29: PropsKullanımı - 3
    • Ders 30: PropsKullanımı - 4
    • Ders 31: Döngülerde "key" Kullanımı
    • Ders 32: React Developer Tools
    • Ders 33: propTypes: Nedir? Nasıl kullanılır?
    • Ders 34: propTypes: "isRequired" Tanımı
    • Ders 35: propTypes: "oneOfType" Tanımı
    • Ders 36: propTypes: "oneOfType" için isRequired Kullanımı
    • Ders 37: propTypes: "shape" Tanımı
    • Ders 38: defaultProps Tanımı
    • Ders 39: Constructor Metodu
  • Bölüm 7: State'ler ile Çalışmak
    • Ders 40: State nedir? Nasıl Oluşturulur?
    • Ders 41: setState Kullanımı
    • Ders 42: Re-Render Mantığını Anlamak
    • Ders 43: Counter Uygulaması
    • Ders 44: Stateful ve StatelessComponentler
  • Bölüm 8: Telefon Rehberi Uygulaması
    • Ders 45: Giriş
    • Ders 46: "Contacts" ve "List" Componentleri'nin Hazırlanması
    • Ders 47: Form Component'inin Hazırlanması
    • Ders 48: ContactsState'inin Hazırlanması
    • Ders 49: ContactsState Konumunun Değiştirilmesi
    • Ders 50: Form State'inin Yazılması
    • Ders 51: addContactMethodunun Yazılması
    • Ders 52: Filter Fonksiyonun Yazılması
    • Ders 53: ContactsKomponentininStateless Tanımlanması
  • Bölüm 9: ReactLifecycle (Yaşam Döngüsü)
    • Ders 54: Constructor
    • Ders 55: componentWillMount()
    • Ders 56: componentDidMount()
    • Ders 57: componentDidMount() Hiyerarşisi Hakkında
    • Ders 58: componentWillReceiveProps()
    • Ders 59: shouldComponentUpdate()
    • Ders 60: componentWillUpdate()
    • Ders 61: componentDidUpdate()
    • Ders 62: componentWillUnmount()
  • Bölüm 10: Fetching
    • Ders 63: JavaScriptNative "fetch" Fonksiyonu
    • Ders 64: "Loading..." Gösterimi
    • Ders 65: Axios
  • Bölüm 11: ReactRouter
    • Ders 66: BrowserRouter ve Exact Özelliği
    • Ders 67: Strict Özelliği
    • Ders 68: Component Özelliği
    • Ders 69: Route'a Parametre Göndermek
    • Ders 70: Link Objesi
    • Ders 71: NavLink Objesi
    • Ders 72: Redirect Objesi
    • Ders 73: Switch ile Hata Sayfası Yapımı
    • Ders 74: Component'leri Dışarıda Yazmak
  • Bölüm 12: İleri Component Kullanımları
    • Ders 75: HigherOrder Components
    • Ders 76: ReusableHigherOrder Components
    • Ders 77: Pure Component
    • Ders 78: Hot ModuleReplacement
    • Ders 79: Children API
  • Bölüm 13: Redux
    • Ders 80: Redux Nedir? Neden İhtiyaç Duyarız?
    • Ders 81: Redux Data Flow (Action, Reducer, Dispatcher, Store)
    • Ders 82: Store Oluşturmak
    • Ders 83: dispatch() Metodu ile Store'u Güncellemek
    • Ders 84: StoreSubscribe Metodu
    • Ders 85: combineReducers ile Multi Reducer Kullanımı
    • Ders 86: Reducer'aInitialState Vermek
    • Ders 87: Redux Dev Tools
    • Ders 88: Provider Nedir?
    • Ders 89: Dizin Yapısının Oluşturulması
    • Ders 90: Connect ile Component'denStore'a Bağlantı Sağlamak
    • Ders 91: mapStateToProps
    • Ders 92: Action dispatch Etmek
    • Ders 93: mapDispatchToProps
    • Ders 94: Component'eProps Geçmek
    • Ders 95: mergeProps
    • Ders 96: ReduxThunkMiddleware: Kurulum
    • Ders 97: AsyncActions
    • Ders 98: Async Action Dispatch İşlemi
    • Ders 99: Async/Await Yapısı ile Servis Çağrımı
  • Bölüm 14: İleri Redux
    • Ders 100: ImmutablevsMutable
    • Ders 101: ImmutableArray
    • Ders 102: ReduxLoggerMiddleware
    • Ders 103: AsyncActionsPattern
    • Ders 104: AsyncActionsPattern: ReduxPromiseMiddleware
  • Bölüm 15: React&ReduxSinglePageMovieapp Projesi
    • Ders 105: Proje Tanıtımı ve React Uygulamasının Ayağa Kaldırılması
    • Ders 106: Proje Dizinlerinin Oluşturulması
    • Ders 107: Redux Kurulumu: Store'u ve RootReducer'ı Oluşturmak
    • Ders 108: Redux Kurulumu: ThunkMiddleware ve Redux Dev Tools
    • Ders 109: Redux Kurulumu: Provider
    • Ders 110: ReactRouter Kurulumu
    • Ders 111: MoviesPage Component ReduxStore Bağlantısı
    • Ders 112: MoviesListComponent'inin Hazırlanması
    • Ders 113: Semantic.UI Kit: Kurulum
    • Ders 114: Semantic.UI Kit: Tema Düzenlemeleri
    • Ders 115: Semantic.UI Kit: BugFix
    • Ders 116: Semantic.UI Kit: BugFix 2
    • Ders 117: FooterComponent'inin Yazılması
    • Ders 118: HeaderComponent'inin Yazılması
    • Ders 119: Semantic.UI Kit: Son İşlemler
    • Ders 120: Node.JS Backend'in Kurulması
    • Ders 121: MoviesAction'ının Yazılması: fetchMovies()
    • Ders 122: MoviesReducer`ının Yazılması
    • Ders 123: MoviesListPropType Tanımının Güncellenmesi
    • Ders 124: ReduxLoggerMiddleware Kurulumu
    • Ders 125: MoviesReducer'ının Yazılması: "FETCHMOVIESERROR"
    • Ders 126: ReduxPromiseMiddleware
    • Ders 127: Filmlerin Listelemesinin Yapılması
    • Ders 128: Filmlerin Listelemesinin Yapılması-2
    • Ders 129: LoadingIndicator'unHazırlanmasi
    • Ders 130: Routing: Menüde Active Class Gösterimi
    • Ders 131: New Movie Sayfasının Hazırlanması
    • Ders 132: NewMovieFormComponent'in Hazırlanması
    • Ders 133: NewMovieFormComponent'inHazırlanması - 2
    • Ders 134: NewMovieFormValidasyon İşlemleri
    • Ders 135: NewMovieFormValidasyonİşlemleri - 2
    • Ders 136: newMovie Sayfası Reducer Tanımının Yapılması
    • Ders 137: onNewMovieSubmitAction'ın Hazırlanması
    • Ders 138: onNewMovieSubmitErrorHandle
    • Ders 139: Redirect ile Yönlendirme İşleminin Yapılması
    • Ders 140: Edit ve Delete Butonlarının Hazırlanması
    • Ders 141: Movie Edit: 1-Route İşlemleri
    • Ders 142: Movie Edit: 2-Inputların Doldurulması
    • Ders 143: Movie Edit: 3-FETCH_MOVIE
    • Ders 144: Movie Edit4-Loading Gösterimi
    • Ders 145: Movie Edit5-Update
    • Ders 146: DeleteMovie-1
    • Ders 147: DeleteMovie-2
    • Ders 148: RedirectBugFix
    • Ders 149: Anasayfa Tasarımının Yapılması
  • Bölüm 16: Deploy
    • Ders 150: Surge.sh: Deploy İşlemleri
    • Ders 151: Surge.sh: Route Problemi ve Çözümü
    • Ders 152: Surge.sh: DeployScript'inin Yazılması
    • Ders 153: Netlify: Nedir? Manuel Deploy Nasıl Yapılır?
    • Ders 154: Netlify: Continuos Deployment
  • Bölüm 17: Next.JS ile Server Side Rendering
    • Ders 155: Next.JS: Nedir?
    • Ders 156: Next.JS: Kurulum
    • Ders 157: Next.JS: Pages
    • Ders 158: Next.JS: Components
    • Ders 159: Next.JS: Link
    • Ders 160: Next.jS: Routing Query String
    • Ders 161: Next.JS: Routing As Özelliği
    • Ders 162: Next.JS: Layout