React

React est un framework frontend très populaire pour la création d'applications web. Couplé avec NextJS, il permet de créer des applications web performantes rendues coté serveur et optimisées pour le SEO.

Il permet aussi la création d'applications native avec React Native.

• Reference officielle: https://react.dev/reference/react
• Tutoriels d'apprentissage: https://react.dev/learn

Utilisation

React est rarement utilisé seul aujourd'hui. Il est généralement utilisé avec des frameworks comme NextJS, Gatsby, Expo, ou bien seul avec Vite et React Router

Librairies

Voici une liste de librairies très utilisées en complément de React:

• React Hook Form (formulaires): https://react-hook-form.com/
• Zod (validation de données): https://zod.dev/
• React Router (routing, si utilisé sans framework): https://reactrouter.com/
• Axios (data fetching): https://axios-http.com/
• React Query (data fetching): https://tanstack.com/query/latest/docs/framework/react/overview
• SWR (data fetching): https://swr.vercel.app/
• Apollo (GraphQL): https://www.apollographql.com/
• URQL (GraphQL): https://nearform.com/open-source/urql/
• Jest (tests unitaires): https://jestjs.io/
• Cypress (tests d'integration): https://www.cypress.io/

Design & UI

TailwindCSS est aujourd'hui une reference pour gérer le style de pages web.

Pour ce qui est des composants, il existe de nombreux librairies pour React:

• Material UI: https://mui.com/
• Shadcn: https://ui.shadcn.com/
  • Theme builder: https://tweakcn.com/
• Chakra UI: https://chakra-ui.com/

Pour les animations, on peut utiliser:

• Framer Motion: https://www.framer.com/motion/
• React Spring: https://react-spring.dev/