Author: smartcoder

React JS: Conditional Rendering using Ternary Operator

In React JS programming we can easily render the UI components based on some conditions. Ternary operation is very useful for such conditional rendering.... Read more »

Redux Toolkit – Easily use REDUX State Management in React App

Redux is an amazing state management tool that is used with React Applications. Redux Toolkit is used for writing the Redux logic in our... Read more »

Basic React App – npm Terminal Commands

While building a React JS App the developer may have to use a lot of npm commands in the terminal. Let's check out some... Read more »

Tailwind CSS – Install & Setup for React App

Tailwind CSS is a popular CSS framework for React JS Apps. Tailwind greatly helps in rapidly building custom user interfaces for web apps. There... Read more »

CRACO Package – To override Create React App Config

CRACO is an amazing npm package that helps to override the default config of React's CRA. We can initialize our React app using Create... Read more »

Material UI Custom Css Parent to Child Selector

How to use CSS selector - parent to child in Material UI make styles in React App? MUI CSS selectors example parent to child... Read more »

Globally Override Material UI CSS – React App

How to override Material UI CSS globally? Reference: https://material-ui.com/customization/theming/#createtheme-options-args-theme src/templates/TemplateProvider.js import { createContext } from 'react'; import { CssBaseline } from '@material-ui/core'; import {... Read more »

Routing in React – react-router-dom

Routing in our React app can be easily implemented with the help of the react-router-dom package. Routing basically changes the components of the webpage... Read more »