Modern ReactJS

Sıfırdan ReactJS öğrenin - ES6 - Router - Context- StrictMode- Refs- TypeChecking - propTypes - renderProps - Portals

Ratings: 4.71 / 5.00




Description

Bu kursta ES6 Temellerini,  ReactJS temellerini , React Routing ve React ( Advance ) konularını öğrenme fırsatı bulacaksınız.  Tek ihtiyacınız olan başlangıç seviyesinde Javascript bilgisi. Onun haricinde tamamsınız.


Bu kurs sırasıyla 4 bölümden oluşmaktadır. Bunlar ;


1.Bölüm - ES6 Temelleri

Bu bölümde

Arrow Functions

Template Literals

const-let-var kullanımı,

default function parametreleri

spread operator

let .. of

const .. of

yapılarını öğrenme fırsatı bulacaksınız! Unutmayın bu konular ilerisi için bir yatırım!


2.Bölüm - ReactJS Temelleri

Hangi ReactJS kursunu alırsanız alın temelde size öğretmek zorunda olduğu bazı konular vardır. Bunlar ;

ReactJS nedir ?

Functional Components

Class Components

Virtual DOM ( Sanal DOM )

Conditional Rendering ( Şartlı Render )

state, props yapısı

this.setState() methodu

Lists.. map fonksiyonu

importing / exporting components

fetching data ( Veri çekme )


3.Bölüm - React Router

Kursun 3. bölümünü Routing konusu için ayırdım ;

browserRouter

Switch ve exact

Links , NavLinks

Redirect

404 notFound için Route oluşturma

match ve url parametreleri

history ve url yönlendirme


4.Bölüm - React Advance ( İleri Düzey Konular )

Burayı atlasam olmazdı :) Bu bölümde şu konuları işliyoruz;

Context Api

Portals

Strict Mode

Code Splitting ( Kod Bölümlemesi )

Dynamic Import Kullanımı

React lazy()

React Suspense

TypeChecking

Static - Dynamic - Strong - Weak Typing

propTypes

defaultProps

renderProps

Refs

Ref Forwarding ( Url Yönlendirme )


5.Bölüm - React Hooks

Bu bölümde şu konuları işliyoruz;

Hook Nedir ? Arkasındaki  Motivasyon

Hook Kuralları

useState

useEffect

useContext

useMemo

useReducer

useCallback

Custom Hooks


Son olarak ; bu kursu tamamladığınızda ReactJS ile bir web uygulaması geliştirmek için hazır olacaksınız :)



What You Will Learn!

  • ReactJs
  • ES6
  • Dynamic Import
  • React Fragments
  • React Components
  • Reactjs Fetch Api
  • Reactjs Lists Map Function
  • React Routing - BrowserRouter, Link, NavLink, Switch , exact, math , Url Parametreleri, History
  • renderProps
  • StrictMode
  • Code Splitting ( Kod Bölümlemesi )
  • propTypes Kullanımı
  • Portals
  • Refs
  • Context
  • Code Splitting
  • lazy
  • Suspense
  • TypeChecking
  • propTypes
  • Sanal DOM
  • State, props
  • JSX
  • Lists map() function
  • Şartlı Renderlama
  • React Hooks

Who Should Attend!

  • Başlangıç düzeyi ReactJS geliştiricileri