Building Modern React project | Redux, Thunk, Reselect, Styled components
Welcome to my Channel...!
In this video we are going to see Building modern project with React. These are the tools used in this Project : Redux, Thunk, Reselect, Styled components. These are the fundamentals of React and essential trainings. we will see more and more in upcoming videos.
Exercise Files Direct Link:-👇👇👇
https://mega.nz/file/Uiw2AAoY#eLIOKXQJEmaw...
PHP Tutorials for Beginners to Master | A-Z Concepts in PHP
PHP Full Playlist:-👇👇👇
• PHP Tutorials for Beginners to Master | Le...
Full-Stack MERN App Development tutorial:-👇👇👇
• Video
Creating and Hosting Full-Stack Site using React:-👇👇👇
• Creating and Hosting a Full-Stack Site usi...
For any queries drop a mail at [email protected]
Share your thoughts about this video in the comment section and if you have any doubts post it in comment section.
BluePrism Playlist:- • BluePrism | RPA
Thank You...!
→→→→→Visit Our Channel For More Videos←←←←←
🏹LIKE
🏹SHARE
🏹SUBSCRIBE
Where There is a Will There is a Way 💘
React Projects
//Chapters and time splits
00:00:00-00:01:02 React: Going from good to great
00:01:03-00:02:15 What you should know
00:02:16-00:03:40 Installing necessary software
00:03:41-00:05:24 Exercise files
00:05:25-00:07:10 What this course covers
00:07:11-00:10:06 Why use the React ecosystem?
00:10:07-00:12:21 Meet the React ecosystem tools
00:12:22-00:14:14 Building a React project from scratch
00:14:15-00:17:24 The React entry point
00:17:25-00:19:10 Supporting ES6
00:19:11-00:22:41 The Index.js file and app component
00:22:42-00:29:56 Building and serving with webpack
00:29:57-00:33:05 Hot-reloading with react-hot-loader
00:33:06-00:33:57 Meet the sample app
00:33:58-00:35:55 Creating the todoList component
00:35:56-00:38:09 Creating the todoListItem component
00:38:10-00:41:38 Creating the newTodoListForm component
00:41:39-00:43:37 Putting the app together
00:43:38-00:47:48 Why do you need Redux?
00:47:49-00:52:23 how does Redux work?
00:52:24-00:55:47 Adding Redux to a React app
00:55:48-01:00:03 Creating Redux actions
01:00:04-01:06:26 Creating reducers
01:06:27-01:13:27 Connecting components to the store
01:13:28-01:17:59 Running a React-Redux application
01:18:00-01:24:42 Persisting the Redux application
01:24:43-01:28:16 Redux DevTools
01:28:17-01:32:09 Redux best practices
01:32:10-01:34:05 Challenge: Adding a Redux flow
01:34:06-01:38:19 Solution: Adding a Redux flow
01:38:20-01:40:16 Why you need Redux Thunk?
01:40:17-01:43:07 How does Redux Thunk work?
01:43:08-01:45:37 Adding Redux Thunk to React
01:45:38-01:49:07 Creating a thunk
01:49:08-01:51:25 The Todos API
01:51:26-01:57:21 Async thunks
01:57:22-02:04:40 Adding another reducer
02:04:41-02:07:30 Refactoring the todos reducer
02:07:31-02:13:28 Using thunks to create server resources
02:13:29-02:18:14 Using thunks to delete server resources
02:18:15-02:19:28 Challenge: Using thunks to update server resources
02:19:29-02:23:02 Solution: Using thunks to update server resources
02:23:03-02:26:54 Why do you need selectors?
02:26:55-02:34:35 Creating selectors
02:34:36-02:39:51 Combining selectors with Reselect
02:39:52-02:44:20 More about selectors
02:44:21-02:46:53 Adding selectors to components
02:46:54-02:49:48 Why do you need styled-components
02:49:49-02:53:49 Creating a styled-component
02:53:50-03:02:51 Converting CSS modules to styled-components
03:02:52-03:08:00 Passing props to styled-components
03:08:01-03:12:47 Extending styled-components
03:12:48-03:15:50 Testing React ecosystems
03:15:51-03:20:40 Testing reduces
03:20:41-03:29:31 Testing Redux thunks
03:29:32-03:34:46 Resting selectors
03:34:47-03:40:00 Testing styled-components
03:40:01-03:41:13 Next steps