react

Aloitus react kanssa

Yleiskatsaus

React on JavaScript-kirjasto käyttöliittymien rakentamiseen. Sen avulla voit luoda uudelleenkäytettäviä UI-komponentteja ja päivittää DOM:ia tehokkaasti virtuaalisen DOM-toteutuksen kautta.

Aloittaminen

Repositorion kloonaamisen jälkeen seuraa näitä vaiheita:

1

Asenna Riippuvuudet

npm install
2

Käynnistä Kehityspalvelin

npm start
3

Käännä Tuotantoa Varten

npm run build

Projektirakenne

├── src/
│   ├── components/     # React-komponentit
│   ├── hooks/          # Mukautetut React-hookit
│   ├── pages/          # Sivukomponentit
│   ├── services/       # API-palvelut
│   ├── styles/         # CSS/SCSS-tiedostot
│   ├── App.js          # Juurikomponentti
│   └── index.js        # Sovelluksen aloituspiste
├── public/             # Staattiset tiedostot
├── package.json        # Riippuvuudet ja skriptit
└── .env                # Ympäristömuuttujat

Keskeiset Käsitteet

Komponentit

Rakenna UI funktionaalisilla komponenteilla ja JSX-syntaksilla.

Hookit

Käytä useState, useEffect ja muita hookkeja tilaan ja elinkaareen.

Props

Välitä dataa komponenttien välillä propsien avulla.

Hyödyllisiä Komentoja

npm start Käynnistä kehityspalvelin hot reload -tuella
npm run build Luo optimoitu tuotantokäännös
npm test Suorita testit
Lisätietoja löytyy virallisesta React Dokumentaatiosta.