Fast-Track Your Web Development Skills with React.js
Learn React programming, get certified, and advance your career with a comprehensive training
Learn React at Code It Nepal: Your Gateway to Modern Web Development
Course Description
REACT JS is the powerful mixture for building strong and modern applications. its a frontend web development where you can build your own creation of UI and websites.
It is designed to empower developers to build the production ready applications as well as learners who wants to master in reacts component based architecture and leverage Next js advanced features like server-side rendering (SSR), static site generation (SSG), and API routing to create high-performance, SEO-friendly applications. at CodeIT, this course starts with the fundamentals of react. You'll learn how to create and handle a ecommerce websites, portfolio sites, blogs content etc.
Why choose CodeIT?
Benefits
It is designed for both beginners and a experienced developers who wants to enhance knowledge, along with hands on experience and real time projects.
Hands on experience: youll gain the real practical knowledge, and can be able to create a ecommerce sites as well as blogs, portfolios.
Affordable: codeit offers its training in most affordable prices where student can learn without hampering with their financial barriers
Certification and life time support: after completion of the course youll be guided to make the real time projects that might be accepted by real business as well as youll get the free certificates along with the recorded videos of your online classes for the life time.
Who can learn this?
Beginners in frontend development: beginner who want to enhance their skills and advanced in react js
Career shifting: anyone looking for switching their career from non it background to it background.
Business owners: entreprenuers who are self owners and want to create and manage their own websites without relying on others
Freelancers: person who want to enhanced their skill with modern responsive design.
What you will learn
Materials included
Requirements
Course Syllabus
Getting Started
- Introduction to React.js
- Discover valuable contents
- Code Editor and extensions
- Node.js
- Naming conventions (sentence case, camel case, snake case, pascal case)
ES6 Crash Course
- Overview
- ES6 - let, const & var
- ES6 - Normal functions vs arrow functions
- ES6 - Template strings
- ES6 - Higher order array methods (map, filter, sort, reduce, etc)
- ES6 - Array and object destructuring
- ES6 - Spread operator
React init
- Initialize react app using vite
- JSX
- SPA vs SSG vs SSR
- Components, states and props
- Functional components
- Hooks
- Files and folder structure
- Integrate tailwind
React Router
- Overview
- React router dom (v6) - createBrowserRouter, createRoutesFromElements
- Route
- Route element and path
- Link vs Navlink
- Index & 404 Page
React state management
- Overview
- useState and useEffect
State management with React redux
- Overview
- Redux store, actions and reducers
- useSelector and useDispatch
- Redux slice
- Redux thunk
- Source Code
- Redux persist
- Redux devtools
Forms
- Introduction to react hook forms
- Create login & register forms
- Error handling
- Default values
Layouts
- Main layout
- Auth layouts
- Redirect to pages based on auth
APIs
- Overview
- Introduction to axios
- Fetch data from API
- CRUD operations
- Auth API
- Localstorage & cookies
- Interceptors
