Next. js is a great tool for JAMstack because it uses server-side rendering to automatically generate HTML pages from your React components. On the other hand, React is a front-end JavaScript library that helps developers create user interfaces and reusable UI components.
**************REACT JS PLAYLIST********************
introduction :- • Introduction React Js || EXCELLENT CO...
download some tools :- • How To Install React.JS Tools || EXCE...
create frist react app :- • Create Our First React App || EXCELLE...
JSX :- • JSX React JS || EXCELLENT CODE WITH AJ
render multiple jsx elements :- • Render The Multiple JSX Elements In ...
template literals :- • Template Literals In React Js || EXCE...
render the time and date :- • Render Time & Date In React Js || EXC...
jsx attributes :- • Explain JSX Attributes In React Js ||...
how to use css :- • How To Use Css In React Js || EXCELLE...
add bootstrap :- • How To Add In Bootstrap In React Js |...
components :- • What is Components In React Js And H...
function based component :- • Explain Function Based Components In ...
class based component :- • Class Based Components In React JS ||...
import & export default :- • Import & Export React Js || EXCELLENT...
props :- • What is Props in React Js || EXCELLEN...
event handling :- • Event Handling In React Js || EXCELLE...
react conditions :- • React Conditionals || EXCELLENT CODE ...
array react :- • Array Or Map Function In React js || ...
react hooks :- • React Hooks || EXCELLENT CODE WITH AJ
react hooks part-2 :- • React Hooks Part-2 || EXCELLENT CODE ...
useeffect :- • UseEffect in React Js || EXCELLENT CO...
useeffect part 2 : • useEffects Part - 2 In React Js || EX...
createContext API :- • CreateContext API React Js || EXCELLE...
useContext :- • useContext Hook In React || EXCELLENT...
useRef :- • useRef Hook In React Js || EXCELLENT ...
useReducer Hook :- • UseReducer Hooks In React JS|| EXCELL...
forms :- • Forms In React JS || EXCELLENT CODE W...
forms part-2 :- • Form In React Js || EXCELLENT CODE WI...
rendering multiple input in form :- • Using Multiple Input In React Js Form...
handling multiple complex input :- • Handling Complex Multiple Input React...
login form react js :- • Login Form React JS || EXCELLENT CODE...
spread operator :- • What Is Spread Operator React JS || E...
short line login form :- • How To Use Spread Operator React Js |...
challange for you :- • 😍Challenge For You || React Js || EXC...
what is npm :- • What Is NPM || React JS || EXCELLENT ...
how to use npm :- • How To Use NPM || React JS || EXCELLE...
react router :- • React Router || EXCELLENT CODE WITH AJ
create Navbar using React Router :- • Create Navbar Using React Router || R...
Router navlink :- • Router NavLink React Js || EXCELLENT ...
render and component method :- • Router In React Js || Render Vs Compo...
usePramas Router :- • UsePramas Router || React JS || EXCEL...
useLocation Router :- • Router UseLocation Hook || Rreact JS ...
useHistory :- • React Router || UseHistory Hook || EX...
website demo :- • React Js Project Demo || EXCELLENT CO...
website part-1 :- • How To Create A Website In React JS |...
responsive website Part-2 :- • How To Make Responsive Website || Rea...
error page :- • Create Error Page React JS || EXCELLE...
redirect Module react router dom :- • How To Use Redirect Module || React-R...
host our website on github :- • How To Host Our React App On Github |...
use bootstrap :- • How To Use Bootstrap In React Js || E...
Styled-Componets :- • Styled-Components || React.JS
form validation :- • Form Validation In React Using Formik...
API :- • What is An API?
REST API :- • What Is REST API?
Redux Tutorial
Redux Introduction :- • Redux Introduction || React.JS
Redux Installation :- • Redux Installation || Redux || React.JS
Redux App Setup :- • Setup Redux Application || Redux || R...
Redux Action & Reducers :- • Action & Reducers || Redux || React.JS
Redux Store :- • Creating Redux Store || Redux Dev Too...
Redux Access State :- • Access State In Redux || useSelector ...
Next.JS Tutorial
Introduction Next.js :- • Introduction To Next.js Tutorial
install nextjs :- • Install Next.Js & Run Hello World Pro...
understanding directory :- • Basic Understanding Directory Structu...
file based routing :- • File Based Routing || Next.Js
nested file based routing :- • Nested File Based Routing || Next.JS
dynamic routes :- • Dynamic Routes || Next.JS
link components :- • Link Components || Next.JS
components :- • Components || Next.JS
gloabl style :- • Global Style || Next.Js
component level css :- • Component Level Css || Next.Js
react js interview series :-
day 1:- • React Js Interview Question || Day-1 ...
day 2 :- • What Is Package.Json & Node Modules |...
day 3 :- • Complete JSX || React Js Interview Se...
Follow Me On :-
Instagram :- / ankitjangir18
Facebook :- / ombana.singh.5
If You Like This Video --- || LIKE || SHARE || SUBSCRIBE
😍thanks for watching