Skip to content

Projet React context du workshop WildCodeSchool

Notifications You must be signed in to change notification settings

LucieMena/React_context-workshop

 
 

Repository files navigation

React Context in WorkShop

L'objectif du projet est de découvrir la mise en place d'un context React avec la gestion des langues

Steps

  • 1/ Create and export context objects and provider components in contexts/LanguagesContext.js.
  • 2/ Set the state of the langages in the context provider.
  • 3/ Import the context on the App.jsx and encapsule all your routes within
  • 4/ Consume the data of the langages in the setting component, and update the context langage.
  • 5/ The language should have the currentLanguage ("en") selected by default (defaultValue) in the context.
  • 5/ Import now the context in the proverbs components.
  • 6/ Consume the langague provider langage in the fetch (changing the currentLanguage should trigger the ProverbsPage to load the proverbs for that language).
  • 7/ Make UI translations (on the titles and links, ...) work with the currentLanguage from Context.

About

Projet React context du workshop WildCodeSchool

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 58.7%
  • HTML 24.1%
  • Shell 9.2%
  • Dockerfile 7.7%
  • CSS 0.3%