NextJs Practice

Repository created to record my practice learning React with exercises based on the Udemy Course of Maximilian Schwarzmüller.

Table of contents

• Status
• Requirements
• Setup
• How to run it
• Repo structure & what i learned in each exercise
• Other practice repos

Status

• Current repo's version is

What does that version number mean?

Number	Meaning
X.0.0	How many exercises I have completed
0.X.0	How many times I made progress on my next exercise
0.0.X	Dependencies version updates and specific patches while the course is not completed

Requirements

• Node v20 or above

Setup

After cloning the repo, go to the created folder and install the node packages.

git clone https://github.com/NicolasOmar/next-practice.git
cd next-practice
npm run setup-all

setup-all is the command to install all the projects, but if you want to do it one by one, you can change that last line for one of the following:

App Setup	Command
All	npm run setup-all
React Basics	npm run react-basics

How to run it

To run any specific exercise, execute the following command in the project´s folder:

npm start

Repo structure & what i learned in each exercise

• React Basics (1-react-basics folder)
  • Create a new project based on Vite.
  • Understanding and usage of CSS modules.
  • Learn about React concepts such as components, props passage, input change methods, function passing though components and conditional rendering.
  • Understanding of its core hooks such as useState and useEffect.
  • Understand how to handle REST API calls.
  • Understanding and usage of routing engine implementation by react-router-dom, as well as data loading and posting techniques based on loader and action features.

Other practice repos

Node	Angular	GraphQL	React	HTML & CSS	Styling	Typescript	Docker