Skip to content

adnankasikci/React_Examples

Repository files navigation

alt text

React Application Examples

React yaklaşımlarına aşinalığımı arttırmak amacıyla ve projeleri yönetebilmek için oluşturulan bir çalışmadır.

Proje Amacı


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.

Kurulum

Projenin kurulumu için aşağıdaki adımları izleyin:

  1. Proje dosyalarını bilgisayarınıza indirin veya klonlayın.
  2. Terminali açın ve proje dizinine gidin: cd proje-klasoru.
  3. Gerekli bağımlılıkları yüklemek için npm ile indirin.
  4. Projeyi çalıştırmak için npm start komutunu kullanın.
  5. 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"
},

İletişim

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!

About

I made to improve myself. React applications

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published