React Master Class - Learn By Coding Components
React Master Class - Learn By Coding Components
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + .srt | Duration: 128 lectures (21h 35m) | Size: 8.64 GB
Learn React step by step from basics to advanced by building UI components in simple and intuitive way + includes hooks
What you'll learn:
Understand how setState works
Understand common design patterns for building reusable components
Better practices and learning's from the field
Understand functional components and stateful components
Understand how React works internally and code a basic version of React like library
Build reusable React components of medium to high complexity.
Build your own state management libary
Understand Server Side Rendering
Requirements
You should have a basic knowledge of JavaScript and ES6.
Description
Treat this offer as a "One Time Investment" to all future updates.
This course will take you from React Novice to React intermediate (advanced, or Expert level, with practice). We will covering some fundamentals in the beginning but move on to applications and the cool stuff.
In this course we will also code a reusable DataTable component from scratch, implement drag and drop without using any third-party library, create JSON based dynamic forms and much more.
You will learn many fundamental aspects of React Component design and also learn how to take this approach to build any UI component that you wish. Once you successfully complete the course you will have learned how to build a pretty advanced React component that contains the following features.
[ x ] React fundamentals
[ x ] Component in depth
[ x ] Hooks
[ x ] Understanding Virtual DOM and diffing
[ x ] Context API
[ x ] Learn to build dynamic form component using JSON.
[ x ] Customizing components using props
[ x ] Learn to add drag and drop feature without using third party library.
[ x ] Bind data to a table layout
[ x ] Searching on any columns
[ x ] Pagination, with custom pagination view
[ x ] Drag and reorder table columns
[ x ] In-place editing
[ x ] Custom cell renderer
[ x ] Attach the dynamic form to the DataTable.
[ x ] React Common Patterns
[ x ] State Management
[ x ] Server Side Rendering(SSR) and more
Planned overall agenda for the course:
Section 1 -
Fundamentals of React
Introduction
Fundamentals of React
JSX in depth
Component based design
Fragment
Functional Component
Stateful Component
Event Handling
Conditional
State Management
Life Cycle
Error Handling
Section 2 -
Advanced React
Type checking with PropTypes
Refs and the DOM
Uncontrolled Components
Higher Order Components (HOC)
Render Props
Performance Optimization
Context API
Portals
Integrating with other JavaScript
Section 3 - Building a simple CRUD app with React
Section 4 - New React Features
Section 5 - Context API Demo
Section 6 - Building a simple Modal Component
Section 7 - Building a Tagging Component
Section 8 - Building a Calendar Component
Section 9 - Building a DataTable Component
Section 10 - React Drag and Drop Tutorial
Bonus Section: (Dec 2018)
Server Side Rendering
We will minimize the use of third party libraries/frameworks and will only include them when absolutely required.
This course will be part of the Full Stack Engineering Open Source Curriculum and publishing on Udemy will kind of support the development of this.
NOTE: Most of the components developed in this training, is kept simple so that even a beginner could understand. To make it work in production scenarios, this has to be thoroughly tested and adapted as needed. I will keep on updating the content with better practices once the core course is completed.
Enjoy Programming!!
(Everyone can code!)
Who this course is for
Anyone who is tired of building a todo application and want to learn how to create a reusable medium complexity component and application should find this course interesting.
Homepage
React Master Class - Learn By Coding Components
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + .srt | Duration: 128 lectures (21h 35m) | Size: 8.64 GB
Learn React step by step from basics to advanced by building UI components in simple and intuitive way + includes hooks
What you'll learn:
Understand how setState works
Understand common design patterns for building reusable components
Better practices and learning's from the field
Understand functional components and stateful components
Understand how React works internally and code a basic version of React like library
Build reusable React components of medium to high complexity.
Build your own state management libary
Understand Server Side Rendering
Requirements
You should have a basic knowledge of JavaScript and ES6.
Description
Treat this offer as a "One Time Investment" to all future updates.
This course will take you from React Novice to React intermediate (advanced, or Expert level, with practice). We will covering some fundamentals in the beginning but move on to applications and the cool stuff.
In this course we will also code a reusable DataTable component from scratch, implement drag and drop without using any third-party library, create JSON based dynamic forms and much more.
You will learn many fundamental aspects of React Component design and also learn how to take this approach to build any UI component that you wish. Once you successfully complete the course you will have learned how to build a pretty advanced React component that contains the following features.
[ x ] React fundamentals
[ x ] Component in depth
[ x ] Hooks
[ x ] Understanding Virtual DOM and diffing
[ x ] Context API
[ x ] Learn to build dynamic form component using JSON.
[ x ] Customizing components using props
[ x ] Learn to add drag and drop feature without using third party library.
[ x ] Bind data to a table layout
[ x ] Searching on any columns
[ x ] Pagination, with custom pagination view
[ x ] Drag and reorder table columns
[ x ] In-place editing
[ x ] Custom cell renderer
[ x ] Attach the dynamic form to the DataTable.
[ x ] React Common Patterns
[ x ] State Management
[ x ] Server Side Rendering(SSR) and more
Planned overall agenda for the course:
Section 1 -
Fundamentals of React
Introduction
Fundamentals of React
JSX in depth
Component based design
Fragment
Functional Component
Stateful Component
Event Handling
Conditional
State Management
Life Cycle
Error Handling
Section 2 -
Advanced React
Type checking with PropTypes
Refs and the DOM
Uncontrolled Components
Higher Order Components (HOC)
Render Props
Performance Optimization
Context API
Portals
Integrating with other JavaScript
Section 3 - Building a simple CRUD app with React
Section 4 - New React Features
Section 5 - Context API Demo
Section 6 - Building a simple Modal Component
Section 7 - Building a Tagging Component
Section 8 - Building a Calendar Component
Section 9 - Building a DataTable Component
Section 10 - React Drag and Drop Tutorial
Bonus Section: (Dec 2018)
Server Side Rendering
We will minimize the use of third party libraries/frameworks and will only include them when absolutely required.
This course will be part of the Full Stack Engineering Open Source Curriculum and publishing on Udemy will kind of support the development of this.
NOTE: Most of the components developed in this training, is kept simple so that even a beginner could understand. To make it work in production scenarios, this has to be thoroughly tested and adapted as needed. I will keep on updating the content with better practices once the core course is completed.
Enjoy Programming!!
(Everyone can code!)
Who this course is for
Anyone who is tired of building a todo application and want to learn how to create a reusable medium complexity component and application should find this course interesting.
Homepage
