Explore the real-world battle tested tools to code a typical React.js front-end for a product.

Learn React.js with a practical hands-on coding approach. Learn the way how React.js products are coded. No more useState todo list examples and done for the day.

Since this course focus on the fundamentals of practical coding in React.js, the list of topics is never ending. But here is the broad view of what will we touching on sooner or later.

1. Forms

   1. react-hook-form for our forms

      1. Performant, flexible and extensible forms with easy-to-use validation.

   2. yup for schema validation

   3. Tying the above together to make our form stronger than ever, be it the email validation or in-built change events.

2. State Management

   1. Recoil library by facebook, which follows the atomic approach. A simple library with no boilerplate like redux and context.

      1. Recoil works and thinks like React. Add some to your app and get fast and flexible shared state.

      2. Derived data and asynchronous queries are tamed with pure functions and efficient subscriptions

      3. Implement persistence, routing, time-travel debugging, or undo by observing all state changes across your app, without impairing code-splitting.

3. UI

   1. Material UI

      1. Integrate Material UI 5 with Next.js and TypeScript

      2. MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

4. Next.js

   1. Framework for React.js projects with server side rendering and more

   2. Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

5. TypeScript

   1. TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

codificar un front-end típico de React.js

Explore the real-world battle tested tools to code a typical React.js front-end for a product.”

Este curso es GRATIS

Curso gratis en Udemy

Con los cursos gratis de Udemy puedes aprender muchas cosas sin tener que gastar en ello. Pero primero debes tener en cuenta varias cosas:

Contenido Gratuito

Los cursos gratis de Udemy te permiten aprender nuevas cosas sin tener que pagar. Aprovecha la oportunidad.

Aprendizaje

Pon en práctica todos tus conocimientos aprendidos. Realiza increíbles proyectos basados en el mundo real.

Anuncios

Limites

Debes tener en cuenta que todos los cursos gratuitos de Udemy son de máximo 2 horas y no incluyen un certificado.

Este curso se encuentra disponible de manera gratuita sin necesidad de ningún cupón, a través de la opción “GRATIS”.

Te recomendamos primero leer las diferencias entre un curso gratis y uno de pago para evitar malentendidos:

Deja tus comentarios y sugerencias

Sobre Facialix

Facialix es un sitio web que tiene como objetivo apoyar en el aprendizaje y educación de jóvenes y grandes. Buscando y categorizando recursos educativos gratuitos de internet, de esta manera Facialix ayuda en el constante aprendizaje de todos.