EmirhanPala / LearningReactDev

React Notlarım

LearningReactDev

React Notlarım

React projesini ayağa kaldırmak için facebook'un bize vermiş olduğu create-react-app repoyu kullanıcaz.

TERMİNAL KOMUTLARI

Yeni proje oluşturmak için

npx create-react-app project name

Projeyi çalıştırmak için

npm start

Projeye kütüphane yüklemek için

npm install kütüphaneAdı
npm i kütüphaneAdı

Test kodlarını çalışmak için

npm test

Semantic Versiyonlama

Versiyonlama yapılırken ortadaki sayı artarsa onun sağındaki sıfırlanır veya en baştaki artarsa onun sağındakilerde sıfırlanarak ilerler.

npm version patch --force
npm upgrade minor -f

React build ve Deploy

npm run build 
//Dosyaları terminal üzerinde seçili olan reactın içerisine kurar.
Reactı çalıştırmak için gerekli olan build klasörünün içine girilir.
cd build
Deploy etmek içinde
npx surge

NPMJS Component Paylaşmak

React kütüphanesi oluşturabilmek için gerekli olan bütün dosya ve dizinleri ilgili proje dizinlerine yerleştirmek için create-react-library repoyu kullanıcaz.

Kullanılan Kaynaklar

• 🌱 https://www.postgresqltutorial.com/
• 🌱 https://cdnjs.com/
• 🌱 https://getbootstrap.com/
• 🌱 https://reactrouter.com/resources
• 🌱 https://formatjs.io
• 🌱 https://aggie.io/
• 🌱 https://npmjs.com
• 🌱 https://remarkablemark.org/npm-package-name-checker/
• 🌱 https://surge.sh/
• 🌱 https://www.netlify.com/
• 🌱 https://aws.amazon.com/tr/
• 🌱 https://react-query.tanstack.com/ (Server statemiz ile local statemizi, client statemizi senkronize etmemize yarayan bir araç. Her hangi bir veri çekiceğimiz zaman veya bir post işlemi yapıcağımız zaman kullanılabilir. Global state'i yönetmek için kullanılabilecek araçlardan bir tanesi)
• 🌱 https://tr.reactjs.org/docs/context.html
• 🌱 https://jwt.io/
• 🌱 https://chakra-ui.com/
• 🌱 https://ant.design/
• 🌱 https://github.com/zalmoxisus/redux-devtools-extension (Redux DevTools)