مطالب پیشنهادی از سراسر وب

آموزش ری اکت مدرن با ریداکس

دسته بندی ها: آموزش های ویژه ، آموزش های یودمی (Udemy) ، آموزش جاوا اسکریپت (Javascript) ، آموزش ری اکت (React) ، آموزش ریداکس (Redux) ، آموزش طراحی وب

بر روی React v16.6.3 و Redux با React Router ،Webpack و Create-React-App مسلط شوید. این دوره شامل Hooks است.

آخرین به روزرسانی: 2021-4

آنچه در این دوره یاد خواهید گرفت:

  • با React JS و Redux برنامه های شگفت انگیز تک صفحه ای بسازید
  • تسلط بر مفاهیم اساسی در پشت ساخت برنامه های Redux
  • به قدرت ساخت کامپوننت های قابل ترکیب پی ببرید
  • مهندسی باشید که نحوه کار Redux را برای دیگران توضیح می دهد ، زیرا شما اصول را نیز خیلی خوبی می دانید
  • بر روی ابزارهای پشتیبانی از React مسلط شوید، از جمله NPM ،Webpack، Babel
  • سینتکس جاوا اسکریپت ES6 / ES2015

الزامات دوره:

  • کامپیوتر با سیستم عامل مک یا ویندوز

توضیحات دوره:

تبریک می گویم! شما محبوب ترین، کاملترین و به روزترین منبع آنلاین را برای یادگیری React و Redux پیدا کرده اید! 

هزاران مهندس دیگر React و Redux را آموخته اند و شما نیز می توانید. این دوره برای اطمینان از اینکه شما دقیقاً نحوه کار با React و Redux را درک می کنید، از روشی آزمایش شده و اثبات شده استفاده می کند و به شما یک کار جدید می دهد که به عنوان مهندس نرم افزار کار کنید یا به شما کمک می کند برنامه ای را که همیشه آرزو داشته اید بسازید.

تفاوت این دوره با سایر دوره ها: شما الگوی طراحی استفاده شده توسط شرکت های برتر برای ساخت برنامه های وب بسیار محبوب را درک خواهید کرد.

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

آنچه خواهید ساخت...

این دوره شامل صدها فیلم با ده ها نمودار سفارشی برای کمک به شما در درک نحوه عملکرد React و Redux است. هیچ تجربه قبلی با هیچ یک از آنها لازم نیست. از طریق توضیحات جالب، مفصل و بسیاری از مثال های جالب عملی، شما اصول ساخت برنامه های وب پویا و لایو را با استفاده از React خواهید آموخت.

هر مبحث گنجانده شده در این دوره به تدریج اضافه می شود، تا مطمئن شوید که پایه و اساس و دانش خوبی دارید. شما می توانید بحث های زیادی را اضافه کنید که به شما کمک می کند دقیقاً بفهمید چه وقت و کجا باید از هر ویژگی React و Redux استفاده کنید.

تضمین من برای شما: هیچ دوره آنلاین دیگری وجود ندارد که ویژگی های بیشتری از React و Redux را آموزش دهد. این جامع ترین منبع موجود است.

در زیر لیستی از مباحث موجود در این دوره آورده شده است:

  • از ویژگی های اساسی React، از جمله JSX ،state و props بهره مند شوید
  • از مربع یک، نحوه ساخت کامپوننت های قابل استفاده مجدد را بفهمید
  • برای فهمیدن نحوه عملکرد آن در پشت صحنه، وارد کد منبع Redux شوید
  • دانش خود را امتحان کنید و مهارت های خود را با تمرینات برنامه نویسی بی شماری افزایش دهید
  • React را با ویژگی های پیشرفته مرورگر، حتی API موقعیت جغرافیایی ادغام کنید!
  • برای ساختن برنامه های زیبا از کتابخانه های معروف یک ظاهر زیبا استفاده کنید
  • تکنیک های مختلف استقرار را فرا بگیرید، بنابراین می توانید برنامه های ساخته شده خود را به نمایش بگذارید!
  • متدهای مختلف ساخت UI از طریق ترکیب کامپوننت ها را مشاهده کنید

علاوه بر React و Redux، تعداد بی شماری از دانش های دیگر از جمله سینتکس ES2015، الگوهای محبوب طراحی، حتی واضح ترین توضیح کلمه کلیدی "this" در Javascript را که می شنوید، خواهید یافت.

این دوره برای چه کسانی مناسب است؟

  • برنامه نویسانی که به دنبال یادگیری React هستند
  • توسعه دهندگانی که می خواهند فقط با استفاده از jQuery رشد کنند
  • مهندسانی که درباره React تحقیق کرده اند اما در تسلط بر برخی از مفاهیم مشکل داشته اند

مباحث دوره:

  • درک عمیق
  • ساخت محتوا با JSX
  • برقراری ارتباط با Props
  • ساختار اپلیکیشن با کامپوننت های کلاس محور
  • State در کامپوننت های ری اکت
  • درک متدهای چرخه عمر
  • مدیریت ورودی کاربر با فرم ها و رویدادها
  • ایجاد درخواست های API با ری اکت
  • ساخت لیست ها با رکوردها
  • استفاده از Ref's برای دسترسی DOM 
  • بیایید تسلط خود بر روی ری اکت را بسنجید
  • درک Hooks در React
  • ناوبری از ابتدا
  • Hooks در عمل
  • استقرار اپلیکیشن React
  • پیشرفت کنیم ... ریداکس
  • ادغام کردن ری اکت با ریداکس
  • همزمان سازی اکشن ها با Redux Thunk
  • طراحی فروشگاه ریداکس
  • ناوبری با React Route
  • مدیریت احراز هویت با ری اکت
  • ابزارهای Redux Dev
  • مدیریت فرم ها با Redux Form
  • اپلیکیشن های ری اکت رست محور
  • استفاده از پورتال های ری اکت
  • پیاده سازی Streaming Video
  • Context System با React
  • جایگزین کردن Redux با Context
  • مهم - این قسمت را رد نکنید
  • کار با نسخه های قدیمی تر ری اکت
  • جایزه

سایر ویدئوهای دوره:

شروع و توقف اپلیکیشن ری اکت

 

سیستم های ماژول جاوااسکریپت

 

نمایش محتوا با کامپوننت های تابعی

 

اولین اپلیکیشن ما

 

سوالات حیاتی

 

نصب کردن Node JS

 

تولید پروژه ری اکت

 

چرا اپلیکیشن ری اکت را ایجاد کنیم

 

بررسی پروژه Create-React-App

آیا این نوشته را دوست داشتید؟
Udemy Modern React with Redux Publisher:Udemy Author:Stephen Grider Duration:52.5 hours Level:Advanced

Master React v16.6.3 and Redux with React Router, Webpack, and Create-React-App. Includes Hooks!

What you'll learn

  • Build amazing single-page applications with React JS and Redux
  • Master fundamental concepts behind structuring Redux applications
  • Realize the power of building composable components
  • Be the engineer who explains how Redux works to everyone else, because
  • you know the fundamentals so well
  • Become fluent in the toolchain supporting React, including NPM, Webpack,
  • Babel, and ES6/ES2015 Javascript syntax

Requirements

  • A Mac or Windows Computer

Description

Course Last Updated for React v16.6.3 and Redux v4.0.1! All content is brand new! Update includes detailed videos on the new React Hooks system. For Redux v4.0.1, start with the section titled "Older Versions of React".

Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux!

Thousands of other engineers have learned React and Redux, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how React and Redux work, and will get you a new job working as a software engineer or help you build that app you've always been dreaming about.

The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.

React is the most popular Javascript library of the last five years, and the job market is still hotter than ever. Companies large and small can't hire engineers who understand React and Redux fast enough, and salaries for engineers are at an all time high. It's a great time to learn React!

----------------------

What will you build?

This course features hundreds of videos with dozens of custom diagrams to help you understand how React and Redux work. No prior experience with either is necessary. Through tireless, patient explanations and many interesting practical examples, you'll learn the fundamentals of building dynamic and live web apps using React.

Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You'll find plenty of discussion added in to help you understand exactly when and where to use each feature of React and Redux.

My guarantee to you: there is no other course online that teaches more features of React and Redux. This is the most comprehensive resource there is.

Below is a partial list of the topics you'll find in this course:

  • Master the fundamental features of React, including JSX, state, and props
  • From square one, understand how to build reusable components
  • Dive into the source code of Redux to understand how it works behind the scenes
  • Test your knowledge and hone your skills with numerous coding exercises
  • Integrate React with advanced browser features, even geolocation API's!
  • Use popular styling libraries to build beautiful apps
  • Master different techniques of deployment so you can show off the apps you build!
  • See different methods of building UI's through composition of components

Besides just React and Redux, you'll pick up countless other tidbits of knowledge, including ES2015 syntax, popular design patterns, even the clearest explanation of the keyword 'this' in Javascript that you'll ever hear.

This is the course I wanted to take when I first learned React: complete, up-to-date, and clear.

Who this course is for:

  • Programmers looking to learn React
  • Developers who want to grow out of just using jQuery
  • Engineers who have researched React but have had trouble mastering some concepts

Course content

31 sections • 569 lectures • 52h 34m total length
Collapse all sections
Let's Dive In!
15 lectures • 58min
How to Get Help
Preview
01:01
Join Our Community!
00:07
Our First App
Preview
07:55
Critical Questions!
Preview
12:38
Installing Node JS
03:40
Important Update About React App Generation
00:25
Generating a React Project
05:10
Why Create React App?
Preview
05:25
Exploring a Create-React-App Project
04:08
Starting and Stopping a React App
03:36
JavaScript Module Systems
07:54
Important Note about Live Reloading
00:21
Displaying Content with Functional Components
04:56
Course Resources
00:47
Common Questions About My Environment
00:21
Building Content with JSX
10 lectures • 33min
What is JSX?
05:11
Converting HTML to JSX05:38
Inline Styling with JSX
03:13
Converting Styling to JSX Format
03:08
Class vs ClassName
02:19
Referencing JS Variables in JSX
02:54
Values JSX Can't Show
05:03
Finding Forbidden Property Names
03:06
Exercise Introduction
01:37
Test Your Knowledge: JSX Interpolation
1 question
JSX Exercise Solution
01:09
Communicating with Props
21 lectures • 1hr 24min
Three Tenets of Components
02:54
Application Overview
02:50
Semantic UI CDN Link
00:10
Getting Some Free Styling
07:15
Naive Component Approach
04:32
Specifying Images in JSX
06:06
Duplicating a Single Component
01:55
Extracting JSX to New Components
05:01
Component Nesting
06:42
React's Props System
03:42
Passing and Receiving Props
07:05
Passing Multiple Props
03:10
Passing Props - Solutions
06:07
Component Reuse
03:25
Implementing an Approval Card
05:51
Showing Custom Children
05:46
Component Reuse
02:45
Exercise - Props
01:32
Test Your Knowledge: Props
1 question
Props Exercise Solution
02:28
Exercise - Children
02:01
Test Your Knowledge: Children Through Props
1 question
Children Exercise Solution
02:35
Structuring Apps with Class-Based Components
7 lectures • 34min
Class-Based Components
06:04
Application Overview
04:00
Scaffolding the App
05:57
Getting a Users Physical Location
05:56
Resetting Geolocation Preferences
02:33
Handling Async Operations with Functional Components
03:53
Refactoring from Functional to Class Components
05:12
State in React Components
7 lectures • 40min
The Rules of State
06:07
Important Note About super(props) Deprecation
00:49
Initializing State Through Constructors
06:16
Updating State Properties
07:43
App Lifecycle Walkthrough
07:05
Handling Errors Gracefully
06:21
Conditionally Rendering Content
05:38
Understanding Lifecycle Methods
17 lectures • 1hr 25min
Introducing Lifecycle Methods
07:14
Why Lifecycle Methods?
06:35
Refactoring Data Loading to Lifecycle Methods
02:45
Alternate State Initialization
05:20
Passing State as Props
04:19
Determining Season
05:34
Ternary Expressions in JSX
03:39
Icons Not Loading and CORS errors
00:32
Showing Icons
04:34
Extracting Options to Config Objects
04:13
Adding Some Styling
09:32
Showing a Loading Spinner
06:19
Specifying Default Props
04:52
Avoiding Conditionals in Render
05:22
Breather and Review
08:16
Class-Based Components
1 question
Exercise Solution - Class-Based Components
02:02
Updating Components with State
1 question
Updating Components with State
03:42
Handling User Input with Forms and Events
16 lectures • 1hr 19min
App Overview
05:03
Component Design
03:39
Adding Some Project Structure
04:30
Showing Forms to the User
03:53
Adding a Touch of Style
03:41
Creating Event Handlers
07:42
Alternate Event Handler Syntax
02:29
Uncontrolled vs Controlled Elements
03:38
More on Controlled Elements
10:27
Exercise Overview - Receiving Values
01:34
Receiving Values From Controlled Elements
1 question
Exercise Solution
01:24
Handling Form Submittal
03:43
Understanding 'this' In Javascript
11:27
Solving Context Issues
07:19
Communicating Child to Parent
03:36
Invoking Callbacks in Children
04:42
Making API Requests with React
7 lectures • 39min
Fetching Data
04:30
Axios vs Fetch
04:41
Viewing Request Results
08:16
Handling Requests with Async Await
07:38
Setting State After Async Requests
06:19
Binding Callbacks
02:17
Creating Custom Clients
05:28
Building Lists of Records
7 lectures • 24min
Rendering Lists
02:41
Review of Map Statements
05:40
Rendering Lists of Components
02:54
The Purpose of Keys in Lists
05:32
Implementing Keys in Lists
04:27
Exercise Overview - List Building
01:07
Practicing List Building
1 question
Exercise Solution
01:40
Using Ref's for DOM Access
8 lectures • 41min
Grid CSS
06:20
Issues with Grid CSS
04:20
Creating an Image Card Component
05:16
Accessing the DOM with Refs
03:24
Accessing Image Height
07:43
Callbacks on Image Load
02:53
Dynamic Spans
07:18
App Review
03:55
Let's Test Your React Mastery!
21 lectures • 1hr 52min
App Overview
02:37
Component Design
03:06
Scaffolding the App
06:17
Reminder on Event Handlers
06:35
Handling Form Submittal
03:41
Accessing the Youtube API
09:12
Searching for Videos
06:54
Adding a Video Type
00:21
Putting it All Together
06:51
Updating State with Fetched Data
04:44
Passing State as Props
03:48
Rendering a List of Videos
04:41
Rendering Video Thumbnails
04:40
Styling a List
08:43
Communicating from Child to Parent
05:05
Deeply Nested Callbacks
05:59
Conditional Rendering
05:53
Styling the VideoDetail
03:10
Displaying a Video Player
08:15
Fixing a Few Warnings
06:38
Defaulting Video Selection
04:52
Understanding Hooks in React
61 lectures • 4hr 17min
React Hooks
03:36
Important Note
00:29
App Architecture
06:02
Communicating the Items Prop
04:50
Building and Styling the Accordion
06:11
Helper Functions in Function Components
05:16
Introducing useState
03:34
Understanding useState
08:45
Setter Functions
01:37
Expanding the Accordion
03:11
Exercise Overview
00:49
UseState Exercise
1 question
Exercise Solution
01:52
Creating Additional Widgets
02:46
The Search Widget Architecture
04:30
Scaffolding the Widget
01:40
Text Inputs with Hooks
04:28
When do we Search?
06:45
The useEffect Hook
06:41
Testing Execution
04:02
When Does It Run?
3 questions
Async Code in useEffect
07:21
Executing the Request from useEffect
03:41
Default Search Terms
04:54
List Building!
03:55
XSS Attacks in React
07:04
XSS Server Code
00:21
Linking to a Wikipedia Page
03:39
Only Search with a Term
01:00
Throttling API Requests
04:05
Reminder on setTimeout
03:32
useEffect's Cleanup Function
06:08
Implementing a Delayed Request
02:59
Searching on Initial Render
02:24
Edge Case When Clearing Out Input Form
00:16
Optional Video - Fixing a Warning
20:21
Dropdown Architecture
03:25
Scaffolding the Dropdown
03:07
A Lot of JSX
05:16
Selection State
06:16
Filtering the Option List
01:45
Hiding and Showing the Option List
07:40
Err... Why is this Hard?
03:58
Reminder on Event Bubbling
04:34
Applying What We've Learned
03:32
React v17 Update - capture: true
00:12
Binding an Event Handler
02:47
Why Stay Open!?
05:11
Which Element Was Clicked?
04:21
Making use of useRef
04:12
Important Update for Event Listeners
00:18
Body Event Listener Cleanup
06:42
The Translate Widget
04:04
Scaffolding the Translate Component
05:04
Adding the Language Input
03:42
Understanding the Convert Component
06:24
Google Translate API Key
00:15
Building the Convert Component
03:42
Using the Google Translate API
06:31
Displaying Translated Text
05:31
Debouncing Translation Updates
06:45
Reviewing UseState and UseEffect
00:56
Practicing With UseState and UseEffect
1 question
Exercise Solution
01:48
Navigation From Scratch
10 lectures • 42min
Navigation in React
02:23
Basic Component Routing
07:09
Building a Reusable Route Component
06:49
Implementing a Header for Navigation
02:41
Handling Navigation
03:57
Building a Link
05:21
Changing the URL
03:10
Detecting Navigation
04:01
Updating the Route
04:25
Handling Command Clicks
02:03
Hooks in Practice
10 lectures • 49min
Project Overview
02:24
Refactoring the SearchBar
08:06
Refactoring the App
08:07
Removing a Callback
02:53
Overview on Custom Hooks
05:41
Process for Building Custom Hooks
06:39
Extracting Video Logic
06:52
Using the Custom Hook
05:28
Exercise Overview - Custom Hooks
01:14
Another Use of Custom Hooks
1 question
Exercise Solution
01:40
Deploying a React App
3 lectures • 17min
Deployment Overview
03:29
Deployment with Vercel
06:06
Deployment with Netlify
07:09
On We Go...To Redux!
11 lectures • 1hr 12min
Introduction to Redux
03:23
Redux by Analogy
07:05
A Bit More Analogy
05:20
Finishing the Analogy
09:23
Mapping the Analogy to Redux
05:44
Modeling with Redux
08:44
Creating Reducers
11:45
Rules of Reducers
04:56
Testing Our Example
08:26
Important Redux Notes
07:32
Finished Insurance Policy Code
00:02
Integrating React with Redux
17 lectures • 1hr 30min
React Cooperating with Redux
01:40
React, Redux, and...React-Redux!?
05:34
Design of the Redux App
04:36
How React-Redux Works
06:44
Redux Project Structure
04:06
Named vs Default Exports
03:50
Building Reducers
05:12
Wiring Up the Provider
06:06
The Connect Function
05:54
Configuring Connect with MapStateToProps
06:43
Building a List with Redux Data
07:05
Extracting More Data From Redux
1 question
Solution to Extracting More Data
00:31
Calling Action Creators from Components
07:21
Redux is Not Magic!
06:04
Functional Components with Connect
06:32
Conditional Rendering
05:14
Connecting Components to Redux
1 question
Exercise Solution - Connecting Components to Redux
06:29
Async Actions with Redux Thunk
12 lectures • 1hr 9min
App Overview and Goals
07:37
Initial App Setup
06:17
Tricking Redux with Dummy Reducers
03:16
A Touch More Setup
02:25
How to Fetch Data in a Redux App
05:59
Wiring Up an Action Creator
03:01
Making a Request From an Action Creator
05:13
Understanding Async Action Creators
08:56
More on Async Action Creators
05:47
Middlewares in Redux
03:52
Behind the Scenes of Redux Thunk
10:07
Shortened Syntax with Redux Thunk
06:44
Redux Store Design
26 lectures • 2hr 23min
Rules of Reducers
02:54
Return Values from Reducers
03:07
Argument Values
05:04
Pure Reducers
02:35
Mutations in Javascript
06:50
Equality of Arrays and Objects
02:39
A Misleading Rule
12:24
Safe State Updates in Reducers
09:59
Switch Statements in Reducers
04:07
Adding a Reducer Case
1 question
Reducer Case Solution
00:26
Dispatching Correct Values
06:44
List Building!
04:00
Displaying Users
07:39
Fetching Singular Records
04:10
Displaying the User Header
05:07
Finding Relevant Users
07:49
Extracting Logic to MapStateToProps
07:47
That's the Issue!
02:38
Memoizing Functions
06:54
Memoization Issues
06:49
One Time Memoization
04:46
Alternate Overfetching Solution
04:25
Action Creators in Action Creators!
07:42
Finding Unique User Ids
08:36
Quick Refactor with Chain
04:11
App Wrapup
03:34
Navigation with React Router
17 lectures • 1hr 33min
App Outline
06:16
Mockups in Detail
05:13
App Challenges
05:09
Initial Setup
02:46
Introducing React Router
08:05
How React Router Works
03:57
How Paths Get Matched
08:34
How to *Not* Navigate with React Router
04:56
Navigating with React Router
05:09
[Optional] - Different Router Types
18:17
Component Scaffolding
05:50
Wiring Up Routes
04:09
Always Visible Components
02:20
Connecting the Header
05:50
Links Inside Routers
02:44
Exercise Overview - Additional Routes
01:19
Adding Another Route
1 question
Exercise Solution
02:12
Handling Authentication with React
16 lectures • 1hr 39min
OAuth-Based Authentication
09:02
OAuth for Servers vs Browser Apps
05:34
Creating OAuth Credentials
05:12
Wiring Up the Google API Library
08:54
Sending a User Into the OAuth Flow
05:47
Rendering Authentication Status
09:48
Updating Auth State
07:14
Displaying Sign In and Sign Out Buttons
03:22
On-Demand Sign In and Sign Out
03:02
Redux Architecture Design
09:29
Redux Setup
04:13
Connecting Auth with Action Creators
04:34
Building the Auth Reducer
05:16
Handling Auth Status Through Redux
05:24
Fixed Action Types
05:34
Recording the User's ID
06:07
Redux Dev Tools
2 lectures • 14min
Using Redux Dev Tools to Inspect the Store
09:41
Debug Sessions with Redux Dev Tools
04:14
Handling Forms with Redux Form
12 lectures • 1hr 3min
Important Note about Redux Form Installation
00:28
Forms with Redux Form
06:10
Useful Redux Form Examples
02:41
Connecting Redux Form
04:04
Creating Forms
08:02
Automatically Handling Events
09:23
Customizing Form Fields
03:50
Handling Form Submission
05:34
Validation of Form Inputs
06:44
Displaying Validation Messages
05:25
Showing Errors on Touch
07:22
Highlighting Errored Fields
03:28
REST-Based React Apps
35 lectures • 3hr 19min
Creating Streams
02:46
REST-ful Conventions
04:48
Setting Up an API Server
06:21
Creating Streams Through Action Creators
05:35
Creating a Stream with REST Conventions
06:00
Dispatching Actions After Stream Creation
02:53
Bulk Action Creators
12:19
Object-Based Reducers
07:42
Key Interpolation Syntax
07:46
Handling Fetching, Creating, and Updating
06:02
Deleting Properties with Omit
03:11
Merging Lists of Records
07:44
Fetching a List of All Streams
03:26
Rendering All Streams
06:06
Associating Streams with Users
06:26
Conditionally Showing Edit and Delete
07:06
Linking to Stream Creation
04:53
When to Navigate Users
05:24
History References
06:12
History Object Deprecation Warning
00:15
Creating a Browser History Object
04:09
Implementing Programmatic Navigation
02:10
Manually Changing API Records
02:33
URL-Based Selection
06:33
Wildcard Navigation
05:19
More on Route Params
04:36
Selecting Records from State
08:04
Component Isolation with React Router
04:50
Fetching a Stream for Edit Stream
05:56
Real Code Reuse!
08:22
Refactoring Stream Creation
05:23
Setting Initial Values
09:56
Avoiding Changes to Properties
08:08
Edit Form Submission
04:05
PUT vs PATCH Requests
05:43
Using React Portals
13 lectures • 1hr 18min
Why Use Portals?
07:18
More on Using Portals
13:10
Creating a Portal
07:37
Hiding a Modal
08:05
Making the Modal Reusable
05:42
React Fragments
04:51
OnDismiss From the Parent
03:10
Reminder on Path Params
04:20
Fetching the Deletion Stream
07:24
Conditionally Showing Stream Details
06:56
Deleting a Stream
07:51
Exercise Overview - Closing the Modal
00:55
Closing the Modal
1 question
Exercise Solution
01:09
Implementing Streaming Video
15 lectures • 58min
Viewing a Stream
03:43
Switches with React-Router
04:03
Showing a Stream
05:27
RTMP NodeMediaServer is not a constructor error fix
00:10
RTMP Server Setup
06:18
OBS Installation
02:31
OBS Scene Setup
04:31
Video Player Setup
03:38
Implementing FLV JS
04:03
Creating an FLV Player
06:33
Optional Player Building
07:20
It Works!
03:15
Cleaning Up with ComponentWillUnmount
04:27
Exercise Overview - Adding Some Filtering
00:52
Filtering the Stream List
1 question
Exercise Solution
01:20
The Context System with React
14 lectures • 1hr 8min
The Context System
03:28
An App with Context
04:21
App Generation
02:58
Selecting a Language
03:28
A Touch More Setup
04:03
Getting Data Out of Context
04:06
Creating Context Objects
08:29
Consuming the Context Value
05:03
The Context Provider
04:10
Gotchas Around Providers
09:12
Accessing Data with Consumers
05:46
Pulling From Multiple Contexts
09:02
Exercise Overview - Consuming Context Values From Providers
02:04
Creating and Consuming Context
1 question
Exercise Solution
02:04
Replacing Redux with Context
8 lectures • 31min
Replacing Redux with Context?
05:53
Creating a Store Component
04:08
Implementing a Language Store
07:10
Rendering the Language Store
03:46
Connecting the Selector to the Store
03:06
Connecting the Field and Button to the Store
03:05
Context vs Redux Recap
03:41
That's All For Now
00:04
Important - Do Not Skip
1 lecture • 1min
Note on the Following Section
00:33
Working with Older Versions of React
149 lectures • 18hr 3min
Important - Do Not Skip
00:07
Introduction - Github Links for Project Files!
03:38
Completed Projects - Github Links
00:03
Project Setup
02:53
A Taste of JSX
11:29
More on JSX
04:35
Quick Note - Getting Different Error Messages
00:15
ES6 Import Statements
03:58
ReactDOM vs React
02:26
Differences Between Component Instances and Component Classes
03:38
Render Targets
05:53
Component Structure
06:26
Youtube Search API Signup
06:39
Export Statements
08:40
Class-Based Components
08:11
Handling User Events
09:30
Introduction to State
05:13
More on State
06:04
Controlled Components
07:47
Breather and Review
03:37
Youtube Search Response
04:26
Refactoring Functional Components to Class Components
07:43
Props
07:42
Building Lists with Map
07:06
List Item Keys
03:54
Video List Items
07:53
Detail Component and Template Strings
07:05
Handling Null Props
04:41
Video Selection
11:39
Styling with CSS
03:43
Searching for Videos
07:51
Throttling Search Term Input
05:46
React Wrapup
05:24
Foreword on Redux
02:16
What is Redux?
02:45
More on Redux
03:42
Even More on Redux!
04:19
Putting Redux to Practice
00:16
Reducers
07:43
Containers - Connecting Redux to React
07:23
Containers Continued
04:00
Implementation of a Container Class
10:45
Containers and Reducers Review
04:09
Actions and Action Creators
07:31
Binding Action Creators
09:41
Creating an Action
06:45
Consuming Actions in Reducers
07:16
Consuming Actions in Reducers Continued
05:05
Conditional Rendering
06:38
Reducers and Actions Review
05:02
App Overview and Planning
05:10
Component Setup
07:57
Controlled Components and Binding Context
09:56
Form Elements in React
06:28
Working with API's
08:12
Introduction to Middleware
07:27
Ajax Requests with Axios
13:02
Redux-Promise in Practice
10:15
Redux-Promise Continued
10:55
Avoiding State Mutations in Reducers
09:53
Building a List Container
06:53
Mapping Props to a Render Helper
06:07
Adding Sparkline Charts
09:54
Making a Reusable Chart Component
06:00
Labeling of Units
10:37
Google not Defined Errors
00:27
Google Maps Integration
07:59
Google Maps Integration Continued
07:16
Project Review
02:36
App Overview and Goals
06:49
Posts API
09:20
Quick Note
00:17
Installing React Router
03:00
What React Router Does
05:36
The Basics of React Router
08:58
Route Design
06:31
Our First Route Definition
05:57
State as an Object
09:07
Back to Redux - Index Action
07:07
Implementing Posts Reducer
10:29
Action Creator Shortcuts
08:06
Rendering a List of Posts
09:19
Creating New Posts
05:42
A React Router Gotcha
04:44
Navigation with the Link Component
05:58
Redux Form
05:33
Setting Up Redux Form
09:27
The Field Component
10:49
Generalizing Fields
08:54
Validating Forms
10:31
Showing Errors to Users
04:30
Handling Form Submittal
09:30
Form and Field States
06:06
Conditional Styling
07:06
More on Navigation
03:11
Create Post Action Creator
10:05
Navigation Through Callbacks
07:31
The Posts Show Component
03:39
Receiving New Posts
09:26
Selecting from OwnProps
11:27
Data Dependencies
05:32
Caching Records
06:13
Deleting a Post
09:25
Wrapup
09:10
Note on the Following Videos
00:05
Basics of Redux Thunk
07:16
Combining Redux and Firebase
12:16
Dynamic Forms with Redux Form
14:42
Logicless Components with Reselect
18:08
Data Loading Methods with Redux
09:29
Animation of React Components
12:33
The Best Way to Store Redux Data
15:05
Four Most Common Errors with React and Redux
12:02
Modals in React and Redux Apps
18:43
Deployment of React/Webpack Apps
23:15
BrowserHistory in Production
19:46
React Integration with 3rd Party Libraries
18:42
Introducing JSPlaygrounds for Rapid Prototyping
12:18
What is React? CodePen Mini Project
10:18
React Router + Redux Form v4
00:11
App Overview and Goals
06:49
Exploring the Posts Api
13:26
Installing React Router
02:35
React Router - What is It?
05:33
Setting Up React Router
04:39
Route Configuration
05:16
Nesting Of Routes
08:02
IndexRoutes with React Router
05:04
Back To Redux - Index Action
05:50
Catching Data with Posts Reducer
06:29
Catching Data with Posts Reducer Continued
02:38
Fetching Data with Lifecycle Methods
05:43
Fetching Data with Lifecycle Methods Continued
06:50
Creating New Posts
05:23
Navigation with the Link Component
04:25
Forms and Form Submission
10:12
More on Forms and Form Submission
07:37
Passing Control to Redux Form
07:51
CreatePost Action Creator
11:21
Form Validation
08:28
Form Validation Continued
08:51
Navigating on Submit
12:37
Posts Index
04:31
Dynamic Route Params
07:09
Loading Data on Render
05:45
Handling Null Props
05:31
Delete Action Creator
07:07
Navigate on Delete
02:25
ReactRouter and ReduxForm Wrapup
07:02
Bonus!
1 lecture • 1min
Bonus!
00:15

 

پیشنهاد آموزش مرتبط در فرادرس

خرید لینک های دانلود
  • حجم فایل: 26.86GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: دارد
  • قیمت: 8000 تومان
  • آموزش ری اکت مدرن با ریداکس یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر