React yaklaşımlarına aşinalığımı arttırmak amacıyla ve projeleri yönetebilmek için oluşturulan bir çalışmadır.
Bu projede React Metodolojisini daha iyi anlamak daha hakim olabilmek için farklı örnekleri de görebilme adına hazırlanmıştır.
- React uygulama ayağa kaldırma npx create-react-app . code --reuse-window .
- React ile JSX kavramına aşina olmak Ternary Operatör, Spread Operatörü, Map, Bind
- Constructor, Class Component, Function Component, StateFull Kavramları
- Props ve Prop drilling yapılarına aşina olmak
- Context API ile projeleri yönetebilmek Action, Dispatch, Reducer, Context Aşinalık
- Rcc, Rfc, Rafc gibi kısaltmalarla hızlı uygulanabilirlik
- State, useState, useEffect, useRef, useMemo, useCallback, useParams
- Npm ile bazı kütüphanelerin eklenmesi npm i bootstrap, font-awesome, react-icons
- Fetch API ile Çalışma, Axios Kavramlarına Aşinalik ve Redux.
- Asenkron yapılar ile çalışma async() ve await ile zaman yönetimi.
Projenin kurulumu için aşağıdaki adımları izleyin:
- Proje dosyalarını bilgisayarınıza indirin veya klonlayın.
- Terminali açın ve proje dizinine gidin:
cd proje-klasoru
. - Gerekli bağımlılıkları yüklemek için npm ile indirin.
- Projeyi çalıştırmak için
npm start
komutunu kullanın. - Tarayıcınızda
http://localhost:3000
adresinden projeyi görüntüleyin.
>>package.json
//Kullanımı
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
Herhangi bir sorunuz, öneriniz veya geri bildiriminiz varsa, lütfen göndermekten çekinmeyin.:relieved:
Bana Ulaşın Sosyal Medya Hesabımı ziyaret edin.
Okuduğunuz İçin Teşekkür Ederim!