Temel React Ile Programlama
- Tanım
- Müfredat
- Yorumlar
![4-TemelReactIleProgramlama](https://beyondthewisdom.com/wp-content/uploads/2023/03/4-TemelReactIleProgramlama.webp)
React, Facebook tarafından geliştirilen açık kaynak kodlu bir JavaScript kütüphanesidir. React, kullanıcı arayüzleri oluşturmak için kullanılan bileşenlerin modüler bir şekilde yapılandırılmasına olanak sağlar. Bu sayede, uygulama kodları daha kolay anlaşılır ve bakımı daha rahat bir hale gelir. Bu makalede, React dersinde ele alınacak konulara yer vereceğiz.
React uygulamaları genellikle bir API ile iletişim halindedir. Axios kütüphanesi, React uygulamalarında API’den veri çekmek için sıklıkla kullanılan bir kütüphanedir. Bu makalede Axios kütüphanesi tanıtılacak ve Restful API’nin get, post, put ve delete metodları hakkında bilgi verilecektir.
React uygulamalarında, bileşen yapısı oldukça önemlidir. Component yapısı ve component çeşitleri, React uygulamalarında en sık kullanılan yapıların başında gelmektedir. Class based ve Function based olmak üzere iki farklı component yapısı bulunmaktadır.
JWT (JSON Web Token), web uygulamalarında kullanılan bir kimlik doğrulama mekanizmasıdır. Bu makalede, JWT kullanan bir API ile iletişim halinde olmanın nasıl gerçekleştirildiği ele alınacaktır.
React, component’lerin yaşam döngüsüne özel bir önem verir. Lifecycle methods, component’in yaşam döngüsündeki aşamaları temsil eden metodlardır. React Hooks ise, state ve lifecycle methods gibi kavramları daha işlevsel bir şekilde kullanmamızı sağlayan bir özelliktir. useEffect ile Lifecycle methods nasıl gerçekleştirileceği de bu makalede ele alınacaktır.
React dersinde, ayrıca bir proje geliştirilecektir. PROJE-1 kapsamında, prop ve state yapısı ile VDOM arasındaki ilişki incelenecek ve React ile style yapma yöntemleri ele alınacaktır. React ile routing de ayrıca ders kapsamında yer alacaktır.
Son olarak, React dersine başlamadan önce, React environment’ının kurulumu hakkında bilgi sahibi olmanız gerekmektedir. Bu kapsamda, none.js ve npm tanıtımı hakkında bilgi verilecektir. JSX ile DOM ve VDOM arasındaki farklar da ele alınacak ve React dersinde işlenen konuların önemi vurgulanacaktır.
-
7React Nedir,environment kurulumu (none.js,npm tanıtımı), DOM VE VDOM JSX
-
8Prop ve State yapısı ve State ile VDOM arasındaki ilişki, React ile style nasıl yapılır? Farklı yöntemleri
-
9Component yapısı ve Component çeşitleri (Class based - Function Based)
-
10Lifecycle Methods,Hooks nedir? Çok kullanılan Hooklar (useState, useEffect …),useEffect ile Lifecycle Methods nasıl gerçekleştirilir?
-
11Axios kütüphanesi tanıtılması ve API’den veri çekmek. Restful API tanıtılması ve methodları (GET,POST,PUT,DELETE)
-
12JWT kullanan bir API ile iletişime geçme
-
13React ile routing