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.

ReactJS: What is ReactJS?

Image
ReactJS is a JavaScript library for building UI components for web applications. React was developed by Facebook and was released in 2013. Facebook extensively uses React in their products like Facebook, WhatsApp, Instagram etc. It is used by Facebook, Uber, Netflix, Twitter, Reddit, Paypal, Walmart, and many other popular websites.

JavaScript Algorithm

Image
Algorithm is a step by step method to solve a problem. When we think of solving a problem step by step, we are actually implementing an algorithm. Before writing code, we should first determine how to make the algorithm flow. There are 2 options in compiling the algorithm flow, by Flowchart or Pseudo-code. Algorithm Writing Methods Flowchart Flowchart is a visual representation of the control flow of an algorithm. This representation defines several things, such as: statements that need to be executed, decisions that need to be made, flow logic (for iteration and other purposes), and terminal that shows the starting and ending points. Flowchart Symbols And below is a sample of flowchart. Sample of Flowchart Pros (+) Flowchart is able to present control flow algorithm visually. So, it is easier for us to understand the flow of solving a problem or condition. It is easier to detect errors or inaccuracies in a complex and detailed flowchart. Cons (-) The work is time consuming. We have to

JavaScript Fundamental

Image
Javascript is a programming language like Python, C++ and others. This language is widely used for web development. So we will encounter javascript when browsing the internet with a browser.