Temel React Ile Programlama

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.