Using Chakra UI in Your React App

Building a new React project can be a little intimidating when styling comes into play. Mostly, when I have a project idea and start a new React project, I don’t want to spend hours writing CSS, making animations, choosing a color theme, etc. as this can consume a huge amount of development time.

It’s no surprise many frameworks for styling exist these days. Examples include: Material UI, Bootstrap, React Bootstrap, Semantic UI, React Toolbox, Ant Design, React Foundation, etc.

However, If you want an accessible, beautiful and solid component library to start your next React app with speed, Chakra UI

Understanding and Using the React Context API

Photo by Andreas Gücklhorn on Unsplash

In this article, We will learn about Context API in React and use it to build a very simple project.

Prerequisite: This article assumes you have basic knowledge in JavaScript, and react, It is however not required to know them before you read.

What is Context API in React?

Context provides a way to pass data through the component tree without having to pass props down manually at every level. — react docs

If you’ve used react for some time or have some level of experience with react, you will know that passing data via props becomes very cumbersome when the props are going to be…

Ankomahene Shadrack

Software Engineer | Frontend Developer | React Lover

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