Getting Started with React Hooks: useState and useEffect

• 

  demo app

• 

  Tutorial page

• 

  Intro page

Inspiration

React is a big library and hooks are being used more and more. Developers need to have knowledge about those and I thought it would be interesting if I wrote something useful and on-demand in front end development.

What it does

I have created different components explaining how each of them is working, supported with visuals and code explanations. In the end, I made a demo project to show how we can use those concepts in a real-life app.

How I built it

I have used React to write the code, Docusaurus for the tutorial, Github pages for the deployment of the tutorial, and Netlify to deploy the sample code.

Challenges I ran into

It was hard to write every detail of the code, and explain, you need to be so careful that you didn't miss anything. I needed to change the project and components a couple of times.

Accomplishments that I'm proud of

I was not thinking I could write so long, I was trying to keep it short; but when I get into details, it got longer. I have written 3,877 words.

What I learned

It is really important to write what you are learning, it is both useful for the author and the reader.

What's next for Getting Started with React Hooks: useState and useEffect?

I can add more components and add different hooks to the project. I have changed the intro page and added some illustrations and analogies to make the code clean. I have changed the code titles to indicate where the file exists in the app.

Built With

• docusaurus
• github
• netlify
• react