Learn React Hook by building a simple blog app

Click for: original source

React is a popular JavaScript library developed by Facebook for building user interfaces. It uses the concept of Virtual DOM to render Elements into the browser DOM because it is a popular belief that manipulating the browser DOM directly can be very slow and costly. By Temitope.

Well according to React, Hooks are functions that let you “hook into” React state and lifecycle features from function components. Before the arrival of Hook, state and React lifecycles can only be used in a class component. Starting from version 16.8, React rolled out a lot of features that enable developers to hook into a React state without having to write a single class component.

You will be building a simple CRUD blog app where a user can create a post, read the post, update post, and delete the post without making any API request to the server.

The article is split into:

  • What are Hooks in React?
  • What we’re building
  • The Setup
  • Building Our App
  • JSX

… and more. All the code in the tutorial is well explained and documented and you will get link to GitHub repository as well. Great!

[Read More]

Tags react web-development javascript