/react-exercises-1

Esercizi React

react-exercises

Esercizi React

  1. creare un nuovo progetto react che chiamerete react-exercises
  2. creare dal branch master un branch develop. Es: git checkout -b develop
  3. creare dal branch develop il branch del capitolo. Es: git checkout -b basic-concepts.
  4. per ogni esercizio create un nuovo branch dal branch del capitolo. Es: git checkout -b components-01
  5. terminato l'esercizio, effettuate il merge del branch esercizio nel branch capitolo.
  6. dopo il merge create il nuovo branch per l'esercizio successivo, sempre partendo dal branch del capitolo.
  7. una volta terminati tutti gli esercizi del capitolo, effetutate il merge del branch capitolo in develop.
  8. dopo il merge in develop, create il branch del capitolo successivo e ricominciate dal punto 4
  9. Chiamate i branch con il nome dell'esercizio come scritto di seguito e seguite questa suddivisione degli esercizi. quindi il primo branch che creerete da develop sarà il branch basic-concepts, dal branch basic-concepts creerete il branch components-01 nel quale svolgerete il relativo esercizio.

basic-concepts

  • components-01
  • components-02
  • components-03
  • components-04
  • components-06
  • components-07
  • props-01
  • props-02
  • props-03
  • props-04
  • props-05
  • conditional-rendering-01
  • conditional-rendering-02
  • conditional-rendering-03
  • conditional-rendering-04
  • conditional-rendering-05
  • state-01
  • state-03
  • state-04
  • component-lifecycle-01

Forms-Lists-and-Styling

  • events-01
  • events-03
  • forms-01
  • forms-02
  • forms-03
  • forms-04
  • forms-05
  • forms-06
  • lists-03
  • lists-04
  • lists-05
  • lists-06
  • styling-components-01
  • styling-components-03

Composition

  • component-composition-02
  • component-composition-01
  • render-props-01
  • context-01
  • context-02

Function-components-and-hooks

  • function Components - 01
  • function Components - 02
  • function Components - 03
  • useState-01
  • useState-02
  • useEffect-01
  • useEffect-02
  • useEffect-03
  • useEffect-04
  • custom-hooks-01
  • custom-hooks-02
  • custom-hooks-03
  • custom-hooks-04
  • useCallback
  • useMemo
  • useRef-02
  • useContext

External-Libraries

  • react-router-01
  • react-router-02
  • react-router-03
  • react-router-04
  • react-router-05
  • react-router-06
  • react-router-07
  • swr-01
  • swr-02
  • swr-03

redux

  • redux-01
  • redux-02
  • redux-03
  • redux-04
  • redux-05