React, Redux & Material UI Workshop for Beginners
React, Redux & Material UI Workshop for Beginners, available at $49.99, has an average rating of 4.35, with 34 lectures, 4 quizzes, based on 82 reviews, and has 2859 subscribers.
You will learn about Create a Todo app from scratch with React Setup Redux-Saga in the application Use Material UI components to build the app State persistence for the redux store Implement adding, completing & deleting Todos JEST unit testing setup from scratch Write JEST unit tests for the reducer Check test coverage in JEST This course is ideal for individuals who are Developers who want to get started with ReactJS or Any developer who wants to learn React or Developers who want to use Redux state management or Material UI enthusiasts or Anyone who wants to move to frontend It is particularly useful for Developers who want to get started with ReactJS or Any developer who wants to learn React or Developers who want to use Redux state management or Material UI enthusiasts or Anyone who wants to move to frontend.
Enroll now: React, Redux & Material UI Workshop for Beginners
Summary
Title: React, Redux & Material UI Workshop for Beginners
Price: $49.99
Average Rating: 4.35
Number of Lectures: 34
Number of Quizzes: 4
Number of Published Lectures: 34
Number of Published Quizzes: 4
Number of Curriculum Items: 38
Number of Published Curriculum Objects: 38
Number of Practice Tests: 1
Number of Published Practice Tests: 1
Original Price: ₹799
Quality Status: approved
Status: Live
What You Will Learn
- Create a Todo app from scratch with React
- Setup Redux-Saga in the application
- Use Material UI components to build the app
- State persistence for the redux store
- Implement adding, completing & deleting Todos
- JEST unit testing setup from scratch
- Write JEST unit tests for the reducer
- Check test coverage in JEST
Who Should Attend
- Developers who want to get started with ReactJS
- Any developer who wants to learn React
- Developers who want to use Redux state management
- Material UI enthusiasts
- Anyone who wants to move to frontend
Target Audiences
- Developers who want to get started with ReactJS
- Any developer who wants to learn React
- Developers who want to use Redux state management
- Material UI enthusiasts
- Anyone who wants to move to frontend
Are you a beginner to React, Redux or Material UI ?
Do you feel setting up redux-saga, understanding and remembering it is difficult ?
Do you find it difficult to understand all the different pieces involved like Webpack, JSX and Transpilation ?
Are you confused about how to properly unit test React components using Jest ?
Don’t worry, I have been there too.
So I decided to create a workshop for it in order to bring clarity to the absolute beginners who want to get started in just 1 day. You just need basic javascript knowledge to join the workshop
Skills can pay the bills.
The number of jobs for the trio combination of ( React, Redux, Material-UI ) has increased and they are demanding skills to have in your CV in 2021.
The fact is, not everyone can easily understand and start building projects with React and use Redux with Material UI right away. But as a beginner, you will need a bit of push. Online documentation is great. I don’t deny it. But with my hands-on experience, I believe I can help you give that initial push. Code with me and learn how to bootstrap without generators.
We will be using concepts like react hooks, redux setup, refs, material components & state persistence while building this React app and then give you the source code for future reference. You can use this as a bootstrap while working on your office projects and quickly configure stuff. Say No to StackOverflow for things that you can remember. This saves you time to focus on the core logic in your projects.
Unit testing with Jest
Unit testing the redux state of a react component is so critical because the reducer function dictates the behaviour of your app simply because it controls the entire state.
Mocking external libraries and exports are crucial during testing because we are interested to verify only our code changes.
In order to achieve this, we will make use of jest mock fn( ) to bypass the undesired portions of the code and make sure our redux reducer is stable and protected from future code changes which may introduce potential damage.
I hope you like the workshop.
Warm regards,
Manoj Satish Kumar
Course Curriculum
Chapter 1: Welcome to the workshop
Lecture 1: A React Journey.
Chapter 2: Introduction to React
Lecture 1: What is React ?
Lecture 2: What is the "Virtual DOM" ?
Lecture 3: The JSX syntax
Lecture 4: Styling JSX elements with JSS
Lecture 5: Render components inside JSX
Lecture 6: Incremental bundle size of React apps
Lecture 7: A walkthrough of React website
Chapter 3: Introduction to Redux
Lecture 1: What is Redux ?
Lecture 2: Three principles of Redux
Lecture 3: Redux-Saga workflow
Lecture 4: A walkthrough of Redux official website
Lecture 5: Redux dev tools chrome extension
Chapter 4: Project MSK Todos – App design
Lecture 1: High level UI design
Lecture 2: Todo Item component design
Chapter 5: Let's write code and build the application
Lecture 1: Ready … Steady …. Wait !
Lecture 2: Create the react app from scratch
Lecture 3: Installing dependencies
Lecture 4: Redux-Sage setup from scratch
Lecture 5: Material UI website walkthrough
Lecture 6: Let's add an AppBar on top
Lecture 7: Adding classes with MakeStyles
Lecture 8: Adding a New todo
Lecture 9: Marking Todo as completed
Lecture 10: Deleting todos
Lecture 11: Marking Todo as important
Lecture 12: TodoAdder component issues
Lecture 13: State persistence in browser
Chapter 6: Unit testing with JEST
Lecture 1: A walkthrough of JEST documentation
Lecture 2: Setting up JEST in the app
Lecture 3: Write few unit tests
Lecture 4: Generate coverage report
Chapter 7: The Project Source code
Lecture 1: Download the source code
Chapter 8: Final Assessment
Lecture 1: Congratulations on completing the workshop
Instructors
-
Manoj Satishkumar
Staff Software Engineer
Rating Distribution
- 1 stars: 3 votes
- 2 stars: 2 votes
- 3 stars: 7 votes
- 4 stars: 29 votes
- 5 stars: 41 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Language Learning Courses to Learn in November 2024
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024