پیشنهاد فرادرس

دوره دستورالعمل های فریمورک React 

دسته بندی ها: آموزش های لیندا (Lynda) ، آموزش طراحی وب ، آموزش React.js ، آموزش جاوااسکریپت (Javascript)

فریمورک React نشان داده است که جهان از طریق توسعه front-end در حال پیشرفت است. React به شما کمک می کند حتی پیچیده ترین و پویا ترین رابط ها را ساده تر کنید و چیزهای ساده تر را سریعتر انجام دهید و کارهای دشوار دست یافتنی شوند. اما حتی بهترین آشپزان به دستورالعمل های قابل اعتماد نیاز دارند. این دوره، دستورالعمل های تست شده و آسان برای حل کردن رایج ترین چالش ها را که روزانه توسعه دهندگان React با آنها مواجه می شوند، فراهم می کند. همچنین با مهم ترین مفاهیم React، ویژگی های مهم برای حل مشکلات توسعه، ایجاد کامپوننت های پیچیده React، راه حل های مشائل مدیریت داده و state با Redux، تست و ادغام در مورد React با ابزارهای دیگر، انیمیشن های رایط کاربری، رندر کردن، منطق مسیریابی و غیره آشنا می شوید.

سرفصل:

  • معرفی دوره
  • ساختار پروژه های React
  • ایجاد و نصب کامپوننت ریشه
  • ترکیب کامپوننت ها برای UI پیچیده تر
  • استفاده از state برای ایجاد کامپوننت های پویا
  • استایل
  • مسیریابی
  • تست
  • فرآیند رندر React
  • درک و پیکربندی ES6 و Babel
  • راه اندازی سرور توسعه
  • Functional CSS
  • راه اندازی ESLint
  • پیکربندی Jest
  • و غیره
آیا این نوشته را دوست داشتید؟
React Recipes Publisher:Lynda Author:Diego Muracciole Duration:4h 20m Level:Intermediate

Get React "recipes" to solve the most common challenges that React developers face every day, such as UI animation, rendering, and routing.
Released: 7/16/2018
React has been taking the world of front-end development by storm. It helps you write even the most complicated, dynamic interfaces—making simple things faster and difficult things achievable. But even the best cooks need reliable recipes. This course provides tested, easy-to-follow instructions to solve the most common challenges that React developers face every day. Instructor Diego Muracciole dives straight into the most important React concepts as well as the latest features to help you solve your daily development problems. Learn to build complex React components and discover techniques to introduce React into your existing codebase. Find solutions to state and data management issues with Redux, and learn about testing and integrating React with other tools that takes your web app to the next level. In addition to these basics, Diego covers UI animations, rendering, and routing logic.
Topics include:
Structuring React projects
Creating and mounting the root component
Composing components for more complex UI
Using state to making components dynamic
Styling
Routing
Testing
1. How to Structure React Projects
Welcome
2m 14s
React rendering process
2m 24s
What should you know about React Fiber?
6m 54s
Start a project from scratch
3m 44s
Understand and configure ES6 and Babel
7m 37s
Understand and configure Webpack
7m 57s
Set up a development server
9m 31s
2. Diving into the First Components
Create and mount root component
8m 42s
Use functional components
3m 48s
Import assets
5m 37s
Compose components to create more complex UI
12m 8s
Make async request in the component life cycle
8m 47s
Use the state to make your components dynamic
13m 59s
3. Styling Made Easy
Component styling: Different approaches
7m 47s
Functional CSS
7m 33s
Set up PostCSS and Basscss
11m 38s
Adapt Basscss to our site style guide
19m 51s
Code styling: Following a style guide
4m 56s
Set up ESLint
13m 39s
Set up Prettier
6m 27s
Wrap everything up with a git hook
4m 54s
4. Routing
Use React router to create basic routing
8m 37s
Handle 404 requests
3m 2s
Handle redirects
1m 32s
Add links to different routes
5m 25s
Implement favorites
11m 8s
Share state between routes
9m 27s
Get parameters from URLs
6m 48s
5. Painless Components Testing
Configure Jest
5m 44s
Use snapshots to test React components
21m 14s
Mock static assets in our tests
5m 16s
Use Enzyme to test more complex scenarios
12m 24s

پیشنهاد فرادرس

لینک های دانلود حجم فایل: 585.0MB همراه با زیرنویس انگلیسی Lynda React Recipes_git.ir.rar