Posts

How to Inspect Problems in Your ReactJS Codes

Image
Every web developer needs to validate their codes according to standard formats especially ReactJS Web Developers. When writing JavaScript with an editor such as Visual Studio Code, there are different ways you can ensure your code is syntactically correct and in line with current best practices. You can use a linter to do this. Linters check your code for syntax errors and highlight errors to make sure you can quickly find and fix them.

ReactJS: React Bootstrap (Reactstrap) Sidebar Template

Image
As a front end website developer we have to fulfill what user want in template design such as how to display menu in Sidebar for website which we will be developed. To simplify you in developing sidebar menu for your website, I have got a references from URL article below. https://bootstrapious.com/tutorial/sidebar/index.html

ReactJS: Protected Routes Implementation in ReactJS

Image
Protected Routes are routes that can only be accessed if a condition is met(usually, if user is properly authenticated). It returns a Route that either renders a component or redirects a user to another route based on a set condition. We will use this method if we want to separate between specific user and public user in accessing pages in our website by using ReactJS platform.

ReactJS Hooks: How to Use useEffect in ReactJS?

Image
To give an initial state sometime we need an auto refresh state such as to display a realtime data in our page. And to support this activity we need to use a kind of Hooks which is called useEffect .

ReactJS Hooks: How to Use useState in ReactJS?

Image
Hooks solve a wide variety of seemingly unconnected problems in React that we’ve encountered over five years of writing and maintaining tens of thousands of components. Whether you’re learning React, use it daily, or even prefer a different library with a similar component model, you might recognize some of these problems.

ReactJS: How to Use Axios to Grab Data from API in ReactJS?

Image
Many projects on the web need to interface with a REST API at some stage in their development. And here I will show you step-by-step how to use axios in ReactJS.

ReactJS: What is Reactstrap? How to use it?

Image
Reactstrap is a React component library for Bootstrap. Reactstrap is currently compatible with Bootstrap 5.1.

Popular posts from this blog

ReactJS: Protected Routes Implementation in ReactJS

How to Inspect Problems in Your ReactJS Codes