Home > Tutorials > Web Design

Tutorials - Web Design and Development

Tutorials on designing user interfaces with front-end frameworks such as React js, Next js, Vue js, and Angular js. All you need to know about Html, Javascript, CSS style sheets, and much more.
Convert react app to server side rendering with next.js

Convert react app to server side rendering with next.js

This article explains how to convert a React js application to Next js in few easy steps. The example includes a fully working React js application re-written in Next js.
August 23, 2022
Reactjs global state without redux: React state management with context api

Reactjs global state without redux: React state management with context api

This article explains how to use the react context API to manage the application's global state without using complex libraries such as redux and prop drilling.
August 23, 2022
7 New Features introduced in Next js 11 in 2021

7 New Features introduced in Next js 11 in 2021

Next js 11 is now released. There are seven improvements introduced with this release. This article goes through each change and discuss it in detail.
July 17, 2021
How to integrate EZOIC with ReactJs and NextJs

How to integrate EZOIC with ReactJs and NextJs

This article explains how to integrate Ezoic with ReactJs or NextJs based websites.
April 29, 2022
Persisting state after page refresh in React Js

Persisting state after page refresh in React Js

How to persist React Js state variable values after page refresh
July 17, 2022
Call parent's function from a child component React js

Call parent's function from a child component React js

How to call parent's function from a child component in React Js
July 18, 2022
Controlled vs uncontrolled components in React Js

Controlled vs uncontrolled components in React Js

This article explains how to create Controlled components in React Js
July 22, 2022
Component scoped css modules in React Js

Component scoped css modules in React Js

How to deal with css class name clashes in React Js
July 23, 2022
Global error handling in React Js

Global error handling in React Js

The Error Boundary is a concept introduced to prevent app crashes by catching Javascript errors at the higher application level
July 23, 2022
Can't call setState on a component that is not yet mounted

Can't call setState on a component that is not yet mounted

How to fix the warning: Can't call setState on a component that is not yet mounted
July 24, 2022