https://github.com/adnankasikci/react_examples

I made to improve myself. React applications
https://github.com/adnankasikci/react_examples

javascript jsx react

Last synced: about 1 month ago
JSON representation

I made to improve myself. React applications

• Host: GitHub
• URL: https://github.com/adnankasikci/react_examples
• Owner: adnankasikci
• License: mit
• Created: 2023-12-16T21:48:21.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-09T16:56:31.000Z (10 months ago)
• Last Synced: 2024-03-09T17:46:35.755Z (10 months ago)
• Topics: javascript, jsx, react
• Language: JavaScript
• Homepage:
• Size: 487 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![alt text](https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/React_Logo_SVG.svg/180px-React_Logo_SVG.svg.png  'React')

## 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.

```json

>>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ı](https://www.linkedin.com/in/adnan-sevki-kasikci-486b97224/) ziyaret edin.

Okuduğunuz İçin Teşekkür Ederim!