October 21, 2018

Web for all ❤ Accessibility

Accessibility is the most important but ignored side of the web. Web, by default, is accessible but we developers mess up with it code we write which results in the non-accessible web. 

October 17, 2018

HTML5 | Details tag


Today we will learn about the new tag HTML5 introduced - details. This tag is for making you hide/show content on demand. Basically you can build the accordion without even writing any logical Javascript code. Isn't it amazing? It does make me go mad over this.

October 15, 2018

ReactJS | Radio Button Content Toggle in ReactJS

Hey People,

Today we are going to learn who we can create radio buttons and as well as toggling content on click on Radio Buttons.

Code : https://codesandbox.io/s/oz4lqrvl6 

1) We have just 1 component here and it will do all the job. showContent.js.

October 14, 2018

Reactjs | Toggle in Reactjs

Today we will see how we can do toggle functionality in Reactjs. 

Code Example: https://codesandbox.io/s/520z9kpkox

For this code, we will make only one smart component Toggle.js and that will do all work.

October 13, 2018

Reactjs | Make a List in Reactjs from Array

Today we will learn how to make list in Reactjs form the array of data. 

Here is the code link for reference.

We have made 2 components:

1) index.js 

This is the root component to launch our application

2) List.js

This is the smart component and it is doing all the work.

Reactjs16 | ErrorBoundry

ReactJS 16 came with new lifecycle hooks. One of them is for error handling - componentDidCatch(). This also knows as Error Boundry.

componentDidCatch() works for render() and other life-cycle hooks. If there will be an error in the render and lifecycle method then componentDidCatch() will handle the errors.

It won't work in the event handlers. For that, you need to use the try and catch way.

Here is the code for the same: