Become familiar with project stack (NestJS, NextJS, MongoDB)

[roberto-morado]

Learn the frameworks we're using and document all of your findings in here 👇 Any and every point you come across that strikes you as useful should be documented for future reference

[ClaraLopezUribe]

React 17 vs 18: Which version will be used?

[roberto-morado]

React 18

[ClaraLopezUribe]

HYDRATE (in v17) is now Deprecated:

This API will be removed in a future major version of React.

In React 18, hydrate was replaced by hydrateRoot. Using hydrate in React 18 will warn that your app will behave as if it’s running React 17.

Source/Learn more

[ClaraLopezUribe]

There are two types of “model” data in React: props and state. The two are very different:

Props are like arguments you pass to a function. They let a parent component pass data to a child component and customize its appearance. For example, a Form can pass a color prop to a Button.
State is like a component’s memory. It lets a component keep track of some information and change it in response to interactions. For example, a Button might keep track of isHovered state.

[ClaraLopezUribe]

Add state to the component with the useState() Hook. Hooks let you “hook into” a component’s render cycle.

You want to make it so whenever the user changes the form inputs, the state updates to reflect those changes. So, you will add the onChange event handlers and set the parent state from them.

[roberto-morado]

As of right now; the backend requires that you install an instance of MongoDB on your local machine in order to test the API locally; you can follow the official documentation to install the Community Edition.

In the future, we could set up a cloud version of MongoDB and in this manner, we can avoid having to install it locally, or on the server when we launch production.

[ClaraLopezUribe]

These articles may be useful to a beginner as a road-map of key concepts to go from JavaScript -->React -->Next JS

https://www.robinwieruch.de/javascript-fundamentals-react-requirements/
https://nextjs.org/learn/foundations/about-nextjs