4IT580: Docs

Theoretical Classes

2^nd: Introduction to React (25/09/2023)

• Modern JavaScript for React
• React Cheatsheet

Practical Classes

1^st: Hello, World! (19/09/2023)

• Hello, React! (un-slides about React)
• Hello, Server! (how to connect to 4IT580 server)
• TypeScript Cheatsheet
• Git Cheatsheet (basic commands for version control)
• ✅ 1^st Homework (connect to 4IT580 servers, implement React counter)

2^nd: More React (26/09/2023)

• 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 (03/10/2023)

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

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

• 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! (17/10/2023)

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

6^th: Advanced GraphQL (24/10/2023)

• Backend finalization
• GraphQL on FrontEnd
• URL Search Parameters in React

7^th: More React & Styling (31/10/2023)

• Debugging
• Memoization (useMemo, useCallback, memo)
• useEffect
• Chakra UI Theme Extensions
• Framer Motion

9^th: Unit Testing (14/11/2023)

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

11^th: Monorepo (28/11/2023)

• Why Monorepo?
• Monorepo with Nx

12^th: Dev experience, mindset, and toolbelt (05/12/2023)

• Developer Mindset
• Developer Toolbelt
• Asynchronous BE and how to log on server
• 👉 Final Code Review Instructions