4IT580: Docs

Theoretical Classes

2^nd: Introduction to React (26/09/2022)

• React cheatsheet!

Practical Classes

1^st: Hello, World! (20/09/2022)

• Hello, React! (un-slides about React)
• Hello, Server! (how to connecto to 4IT580 server)
• ✅ 1^st Homework (connect to 4IT580 servers, implement React counter)

2^nd: More React (27/09/2022)

• React Styling - Chakra UI (how to style React components, design systems)
• React State Operations (immutable operations, custom hooks)
• ✅ 2^nd Homework (add new to-do list features)

3^rd: Forms (04/10/2022)

• Context
• Forms (react inputs, React Hook Form)
• ✅ 3^nd Homework (settings form)

4^th: GraphQL and BackEnd! (11/10/2022)

• Hello, Project Server!
• GraphQL and BackEnd!
• MySQL Connection for Local Backend Development
• ✅ 1^st Backend Homework (extend API with new data)
• Homework data

5^th: Persistent BackEnd! (18/10/2022)

• Persistent Backend!
• ✅ 2^nd Backend Homework (extend API with possibility to mutate data)

6^th: Advanced GraphQL (25/10/2022)

• Backend finalization
• GraphQL on FrontEnd

8^th: More Styling (08/11/2022)

• useEffect
• Chakra UI Theme Extensions

9^th: Unit Testing (15/11/2022)

• Unit Testing (Jest, React Testing Library, Game of Life)

11^th: Advanced React (29/11/2022)

• Memoization and refs (useMemo, useCallback, memo, useRef, forwardRef)
• Advanced React (Zustand, Immer, Framer Motion)

12^th: Mobile (06/12/2022)

• React Native, Expo