ساخت پروژه های مدرن با React

مدرس Shaun Wassell

انتشار 2020/03/20

مدت زمان 3h 41m

سطح متوسط

فایل تمرینی دارد

آموزش Building Modern Projects with React

در مورد برخی از مهمترین ابزارهای موجود در اکوسیستم React که به شما کمک می کند توسعه را ساده کنید و پیچیدگی های حالت، عوارض جانبی، ساختار و استایل را مدیریت کنید، بیاموزید. مربی Shaun Wassell نحوه ایجاد یک پروژه اصلی React را نشان می دهد و سپس نحوه اضافه کردن Redux، ایجاد thunks، استفاده از انتخابگرها، کار با styled-components، انجام تست و موارد دیگر را توضیح می دهد.

React.js Redux.js

Introduction

React: Going from good to great ()

What you should know ()

Installing necessary software ()

Exercise files ()

What this course covers ()

1. Project Overview

Why use the React ecosystem? ()

Meet the React ecosystem tools ()

2. Creating Your Basic Project

Building a React project from scratch ()

The React entry point ()

Supporting ES6 ()

The Index.js file and app component ()

Building and serving with webpack ()

Hot-reloading with react-hot-loader ()

Meet the sample app ()

Creating the todoList component ()

Creating the todoListItem component ()

Creating the newTodoForm component ()

Putting the app together ()

3. Adding Redux

Why do you need Redux? ()

How does Redux work? ()

Adding Redux to a React app ()

Creating Redux actions ()

Creating reducers ()

Connecting components to the store ()

Running a React-Redux application ()

Persisting the Redux store ()

Redux DevTools ()

Redux best practices ()

Challenge: Adding a Redux flow ()

Solution: Adding a Redux flow ()

4. Dealing with Side Effects

Why do you need Redux Thunk? ()

How does Redux Thunk work? ()

Adding Redux Thunk to React ()

Creating a thunk ()

The Todos API ()

Async thunks ()

Adding another reducer ()

Refactoring the todos reducer ()

Using thunks to create server resources ()

Using thunks to delete server resources ()

Challenge: Using thunks to update server resources ()

Solution: Using thunks to update server resources ()

5. Selectors

Why do you need selectors? ()

Creating selectors ()

Combining selectors with Reselect ()

More about selectors ()

Adding selectors to components ()

6. Styled-Components

Why do you need styled-components? ()

Creating a styled-component ()

Converting CSS modules to styled-components ()

Passing props to styled-components ()

Extending styled-components ()

7. Testing

Testing React ecosystems ()

Testing reducers ()

Testing Redux thunks ()

Testing selectors ()

Testing styled-components ()

Conclusion

Next steps ()

Ex_Files_Building_Modern_Projects_React.zip (6.0 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.

مسیرهای یادگیری آموزش ساخت پروژه های مدرن با React

یکی از مهمترین مشکلات افرادی که از آموزش های آنلاین استفاده می‌ کنند این است به دلیل تعداد زیاد این آموزش ها، کاربر دچار سردرگمی شده و نمی داند از کدام آموزش بهتر است شروع کند و یا با کدام آموزش ها مهارت های خود را ارتقا دهد. داشتن یک برنامه آموزشی گام به گام میتواند کاربران را از این مشکلات رها کند. در واقع مسیرهای یادگیری مجموعه ای از آموزش ها هستند که به ترتیب اولویت در کنار هم قرار گرفته اند تا کاربران را از این سردرگمی ها نجات دهند. این مسیرها در موضوعات مختلفی دسته بندی شده‌اند که در زیر، لیستی از همه دسته بندی مسیرهایی که توسط سایت لیندا ارائه شده اند را می توانید مشاهده کنید.

آموزش Building Modern Projects with React در 2 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

React یک چارچوب قدرتمند است که بیشتر با کمتر انجام می دهد. با این حال، فهمیدن نحوه اعمال آن به معنای یادگیری هسته React و نحوه ادغام آن با سایر فناوری ها و رویکردها است. یک پایه محکم در React بدست آورید و یاد بگیرید که چگونه برنامه های واقعی را با ترکیب React با سایر ابزارهای کلیدی بسازید.

آموزش ساخت پروژه های مدرن با React ، ایستگاه شماره 6 در مسیر یادگیری توسعه React.js را کاوش کنید ، است.

مسیر یادگیری توسعه React.js را کاوش کنید

معماری انعطاف‌پذیر React به شما امکان می‌دهد پروژه‌های پیچیده‌ای ایجاد کنید که داده‌های API و میکروسرویس‌ها را مصرف می‌کنند و با آن‌ها تعامل دارند. یاد بگیرید که چگونه کد خود را به آخرین نسخه های جاوا اسکریپت ارتقا دهید، سبک های خود را بازسازی کنید و محیط های واقعیت مجازی را با React ایجاد کنید.

آموزش ساخت پروژه های مدرن با React ، ایستگاه شماره 4 در مسیر یادگیری مهارت های React خود را بهبود بخشید ، است.