Ignite 🚀 is a program for the study of new technologies, through an extremely practical curriculum, which drives its students through an efficient learning methodology based on Focus, Practice and Group, always thinking about the challenges of the real world.
In addition, the program has a specific track for the development of behavioral skills (soft skills). To consolidate what we learn in class and associate the knowledge acquired with market needs, we participate in: challenges, events, mentorships and other activities.
This repository is divided into two branches (trilha-2021 and trilha-2022), because during its development, the course content was updated.
The React track is focused on the main front-end concepts and technologies, where we learn to build modern and reactive interfaces in a modular and scalable way.
React.js Fundamentals
In this module, we create a React application using Vite and learn about the most important concepts of React, among them are componentization, properties, states, immutability and hooks, in addition to applying TypeScript in our project to add static typing to the application.
|
|
|
**Creating SPAs with ReactJS **
In this module, a complete application was developed with routing and several important concepts from the React ecosystem such as ContextAPI, useReducer, immer and more.
|
|
|
HTTP and Performance
In this module, a complete front-end web application was built and connected to an API. Concepts focused on the performance of React applications were applied, understanding how the library's internal algorithms and the entire component rendering flow work.
|
|
|
Integrating Frontend - Backend
This module was developed as a project focused on exercising concepts about React, communication with APIs through HTTP requests, unit tests and E2E tests with Playwright. The project is developed using Vite, React Router DOM, React Hook Form, shadcn/ui, React Query, Vitest and more!
|
First framework
In this module, a complete project was developed with the Next.js framework. The StitchesJS library was used for styling, in addition to putting into practice the main concepts about single-page application (SPA), server-side rendering (SSR) and static-site generation (SSG).
|
|
Design System
This module aimed to develop a Design System, using a monorepo to create component packages (Rect), documentation (Storybook), tokens and configurations (Typescript and ESLint). During the classes, several tools used for DS development and publication were studied.
|
|