Understanding React Context System by building simple translation App

Image for post
Image for post
Photo by Ramon Kagie on Unsplash

Welcome to the brand new series. Here, we will create an small translation app using the new Context System in ReactJS.

This series have been inspired from an example in “Modern React with Redux” series by Stephen Grider on udemy.

So, open up your terminal and create a new react app translation.

Image for post
Image for post
translation app

Next cd in to translation, open your code editor in that folder and do a npm start

Then go to the src directory in your code editor and remove everything inside it.

Image for post
Image for post
Delete everything

You can read rest of the blog post in my blog site. The link for the same is below.

This completes our little app and you can find the source code here.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store