Reactjs complete course Bangla (Beginner to Advanced)

Announcement: Agood news for Full-stack web developer (React.js)

welcome to react video series

Introduction to React

environment setup

first react app | react 18

JSX and JS Expression

In this video, I will discuss jsx and javascript expression in a react app.

CSS Styling in JSX

More on CSS in JSX | design a card

how to create and use react component

1. how to create react component, 2. how to export and import in react

Props and destructuring

1. how to pass value to components, 2. what is restructuring?

Mapping data to components

1. how to populate data to a component, 2. mapping data

mapping data with a unique id

Nested mapping

In this video, I will show how to do nested mapping in React.js

Assignment-1 | Products listing App

React Assignment-1 Feedback

I will go through your pull requests that you made for assignment-1

class component

How to create a class component

react component under the hood

In this video, I will explain how React.js creates components in detail.

developer tools and extension

1. React developer tools, 2. ES7 react plugin

How to use react icons in your project

In this video, I will show how to use, and style react-icons in a react project.

how to use bootstrap with React

In this video will show how to use bootstrap with React.

state, setState and event handler

Conditional Rendering | ternary, short circuit

Event Handler | onChange | onClick

Event handler binding

React Hooks | useState hook

dynamic styling in React

In this video, I will explain how to do dynamic styling in React.js

Assignment-2 | Counter App

In this video, I will explain react assignment-2

Controlled component | Collect form data

useSatate with Object

passing data from child to parent component

In this video, I will show you how to pass data from the child to the parent component.

A basic todo app | pass data from child to parent component

In this video, I will show you how to pass data from the child to parent component.

Project 1 | A complete Todo App

In this video, I will create a to-do app to review what you have learned.

how to do toggle

In this video, I will show how to toggle in React.

how to create FAQ section for website

In this video, I will show a practical demonstration of toggle by creating an FAQ section.

React Hooks | useEffect

In this video, I will show you how to use one of the most important react hook- useEffect.

fetching data with useEffect hook (part-1)

In this video, I will show you how to fetch data using the useEffct hook.

fetching data with useEffect hook (part-2)

In this video, I will show you how to fetch data using the useEffct hook.

how to create a custom hook

In this video, I will show you how to create a custom hook.

Project 2 | Country App

In this video, I will create a country app to practice useState and useEffect Hook.

Fragment | avoid div soup

In this video, I will discuss react fragment.

life cycle of a class component

In this video, I will discuss the life cycle of a class component.

ref in a class component with example

In this video, I will explain the ref in a class component with an example.

React Hooks | useRef Hook

In this video, I will explain why you should use the useRef hook and how to use it.

React Hooks | useReducer Hook

In this video, I will discuss useReducer hooks.

prop drilling

In this video, I will discuss prop drilling and why it is a problem. In the next video, you will learn how to solve the prop drilling problem with the help of useContext hook.

React Hooks | useContext Hook

In this video, I will discuss why we should use useContext and the steps to follow to use

PropTypes

In this video, I will discuss React.js built-in type checking feature known as 'PropTypes'

react routing | introduction to react routing

In this video, I will discuss react router so you can set up page routing in your react application.

react routing | Navigation and redirect

In this video, I will discuss creating a navbar for your app using react-router.

react routing | dynamic routing using useParams

In this video, I will show how to do dynamic routing with the help of react router.

react routing | useLocation hook

In this video, I will explain useLocation hook. It will help you to pass states from one component to another when navigating.

react routing | route parameter, query parameter

In this video, I will explain how to get and set route parameter and query parameter's value in react.

react routing | Protected routing

In this video, I will discuss protected routing using react-router-dom.

best practice for a react project structure

In this video, I will discuss best practices for react project structure for a large scale project.

http method | how to get data from an API

In this video, I will discuss the CRUD operations, especially the GET method. you will learn how to GET data from an API.

http method | how to delete data from an API

In this video, I will discuss the CRUD operations, especially the DELETE method. you will learn how to DELETE data from an API.

http method | how to create data in an API

In this video, I will discuss the CRUD operations, especially the POST method. you will learn how to POST or Create data in an API.

http method | how to update data in an API

In this video, I will show how to update API data using the PUT method.

How to deploy react app on netlify from GitHub

In this video, I will show how to deploy a react app from GitHub to Netlify.

react memo

In this video, I will discuss react memo function to avoid unnecessary component rendering.

React Hooks | useCallback hook

In this video, I will explain one of the most important hooks for improving permanence known as useCallback.

React Hooks | useMemo hook

In this video, I will show why we need useMemo hook and how to use useMemo hook

A project template with ESLint & prettier setup

In this video, I will share one of the project templates I created for creating react project. It has ESLint and a prettier setup so that you can follow the best practices and fix errors while creating your react project.

redux | Introduction to redux

In this video, I will discuss one of the most popular state management libraries known as redux.

redux | state, actions

In this video, I will discuss states and actions in redux.

redux | Reducers

In this video, I will discuss how to write reducers in redux.

redux | Store

In this video, I will discuss the redux store.

redux | complete counter app

In this video, I will make a counter app to practice states, actions, reducer and store.

redux | payload

In this video, I will discuss payload in action.

redux | Multiple reducers

In this video, I will show how to use multiple reducers in redux.

redux | Middleware | redux-logger

In this video, I will show how to use middleware in redux.

redux | fetch data using redux-thunk

In this video, I will explain how to fetch data using redux-thunk.

react-redux | complete counter react app

In this video, I will show how to create a react counter app using redux.

react-redux | fetch data

In this video, I will show how to fetch data using redux and use data in a react app.

Counter app using redux toolkit

In this video, I will show how to create a counter app using redux-toolkit.

how to use redux devtools

In this video, I will show how to use the redux devtools extension in detail.

fetch data using redux toolkit

In this video, I will show how to fetch data using the redux toolkit.

react CRUD app using redux toolkit

In this video, I will make a react crud app using redux-toolkit.

Introduction | Environment setup

In this video, I will introduce react and typescript together. I will show how to set up the environment for react-typescript.

built in Props types

In this video, I will discuss built-in props types.

user defined Props types (part-1)

In this video, I will discuss user-defined props types.

user-defined Props types (part-2)

In this video, I will discuss user-defined props types - an array of objects.

user-defined Props types (part-3)

In this video, I will discuss user-defined props types - union.

typing children props

In this video, I will show how to type children props.

typing style props

In this video, I will show how to type style props.

typing useState Hook

In this video, I will show how to set useState hook types.

Typing events

In this video, I will show how to type events.

typing form event

In this video, I will show how to type onSubmit event.

typing useReducer hook

In this video, I will show how to type useReducer Hook.

Coding Standard in Software Development