React, Redux & Material UI Workshop for Beginners

您是 React、Redux 或 Material UI 的初学者吗？

你觉得设置redux-saga，理解和记忆很难吗？

您是否觉得很难理解所涉及的所有不同部分，例如 Webpack、JSX 和 Transpilation？

您是否对如何使用 Jest 正确地对 React 组件进行单元测试感到困惑？

别担心，我也去过。

所以我决定为它创建一个研讨会，以便为想要在短短 1 天内开始的绝对初学者带来清晰的认识。您只需要基本的 javascript 知识即可加入研讨会

技能可以支付账单。

（React、Redux、Material-UI）三者组合的工作数量有所增加，并且他们要求在 2021 年的简历中具备技能。

事实是，并非每个人都能轻松理解并立即开始使用 React 构建项目，并立即将 Redux 与 Material UI 结合使用。但是作为初学者，您需要一点推动力。在线文档很棒。我不否认。但凭借我的实践经验，我相信我可以帮助您进行初步的推动。

We will build a Todo app from scratch using React, Redux-Saga, Material UI and understand the concepts.

MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 26 lectures (3h 23m) | Size: 2.12 GB

What you’ll 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

Requirements
Basic knowledge of Javascript

Description
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.

AGENDA

– Introduction to React & Redux.

– Redux dev tools.

– Introduction to Material UI.

– Understanding concepts like JSX, Babel & Webpack.

– Learn about JSS, Virtual DOM & NPM.

– Best practices for UI design for beginners.

PROJECT DETAILS

We will build a sophisticated Todo app

– Understand React concepts as we build the app

– We will use React hooks to build the app.

– Material UI components & appropriate usage.

– App state finalisation and discussion.

– Redux-Saga setup for the app from scratch.

– Project structure explanation.

– Introduction to unit testing using Jest.

– Write few unit tests.

You will be able to download

– Full project source code

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

Who this course is for
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