ui.dev (ex. Tyler McGinnis)
Tyler McGinnis делает обучающее видео по AngularJS, React, D3 и многих других важных современных веб-технологий.
Продолжительность
6 ч 20 мин
Категория
React.js
Количество уроков
66 Видео
Дата добавления
27 июн. 2018 г., 14:21
Язык
Английский
Дата обновления
24 июн. 2020 г., 00:59
Нет лучшей стратегии для изучения новой технологии, кроме создания собственной версии. В этом курсе мы доведем это до крайности. Сначала вы начнете с создания своего собственного Redux. Затем, как только вы поймете ins и outs Redux, вы посмотрите, как подключить этот интерфейс к пользовательскому интерфейсу JavaScript. Затем вы увидите, как React и Redux работают вместе, заменяя свой интерфейс с помощью React. После этого мы рассмотрим проблемы между нашей реализацией React и Redux, которые приведут нас к созданию нашей собственной версии привязок react-redux. После всего этого вы познакомитесь с экосистемой Redux и создадите реальное приложение.
Предпосылки
У тебя возникнет соблазн прыгнуть прямо в Redux, когда ты впервые начнешь использовать React. Не делай этого. Если ты уже знаком с React и современным JavaScript (ES2015 +), этот курс идеально подходит для тебя. Если нет, это может быть неправильной отправной точкой.
Добро пожаловать на курс Redux!
Просто некоторые важные пункты, прежде чем вы начнете.
Во время видео мы будем строить два проекта вместе. Первое - это простое приложение, которое поможет вам справиться с Redux, а второе - более сложным. Вероятно, полезно использовать программу вместе со мной во время видеороликов, которые будут полностью задействованы. Первый проект можно найти здесь - Goals-Todos App, а второй можно найти здесь - опросы Redux. Для каждого видео есть ветви и фиксации. Если вы застряли, эти ветви / коммиты должны быть вашими первыми, чтобы обратиться за помощью.
В этом курсе мы говорим о много расширенных тем. Однако этот курс был разработан для всех (если вы знакомы с React и ES6). Если что-то запутывает, не беспокойтесь.
Удачи!
Посмотреть больше
-
Урок 1. 00:02:31Introduction, Philosophy, and Tips
-
Урок 2. 00:08:41What is the Store?
-
Урок 3. 00:02:21(Project) Create Store - Getting the State
-
Урок 4. 00:04:36(Project) Create Store - Listening to Changes
-
Урок 5. 00:05:53(Project) Create Store - Updating the State
-
Урок 6. 00:07:03(Project) The Reducer Function
-
Урок 7. 00:13:59(Project) Create Store - Dispatching Changes
-
Урок 8. 00:10:07(Project) Handling more Actions
-
Урок 9. 00:09:03(Project) Combining Reducers
-
Урок 10. 00:03:00(Project) Leveraging Constants
-
Урок 11. 00:05:17(Project) Action Creators
-
Урок 12. 00:04:04Review - The Store, Actions, and Reducers
-
Урок 13. 00:02:05(Project) App Scaffolding
-
Урок 14. 00:02:28(Project) Basic UI
-
Урок 15. 00:05:53(Project) Dispatching New Items
-
Урок 16. 00:09:30(Project) Subscribing for UI Updates
-
Урок 17. 00:05:16(Project) Dispatching to Remove Items
-
Урок 18. 00:06:37(Project) This is Redux
-
Урок 19. 00:06:07Review - UI
-
Урок 20. 00:04:16(Project) Customizing Dispatch
-
Урок 21. 00:07:51(Project) Utilizing Redux Middleware
-
Урок 22. 00:04:37(Project) Logger Middleware
-
Урок 23. 00:05:21(Project) Adding in React
-
Урок 24. 00:05:30(Project) Dispatching Todos with React
-
Урок 25. 00:02:37(Project) Dispatching Goals with React
-
Урок 26. 00:10:17(Project) Lists with React and Redux
-
Урок 27. 00:05:02(Project) Toggling UI with Redux
-
Урок 28. 00:07:43(Project) Handling Initial Data
-
Урок 29. 00:02:37(Project) Loading States with Redux
-
Урок 30. 00:06:50(Project) Optimistically Deleting Items
-
Урок 31. 00:01:48(Project) Optimistically Toggling Todos
-
Урок 32. 00:04:21(Project) Persisting Items
-
Урок 33. 00:10:53(Project) Custom Thunk
-
Урок 34. 00:06:10(Project) Thunkify Goals
-
Урок 35. 00:03:50(Project) Thunkify Todos
-
Урок 36. 00:01:41(Project) Thunkify Initial Data
-
Урок 37. 00:01:37(Project) Redux Thunk Middleware
-
Урок 38. 00:03:27Downsides of React and Redux
-
Урок 39. 00:08:35React's Context API
-
Урок 40. 00:11:38(Project) Utilizing Context
-
Урок 41. 00:12:10(Project) Connecting Components to the Redux Store
-
Урок 42. 00:11:50(Project) Implementing connect
-
Урок 43. 00:03:23(Project) Using react-redux
-
Урок 44. 00:02:38(Project) Redux Folder Structure - Create React App
-
Урок 45. 00:05:11(Project) Redux Folder Structure - Actions
-
Урок 46. 00:03:19(Project) Redux Folder Structure - Reducers
-
Урок 47. 00:02:08(Project) Redux Folder Structure - Middleware
-
Урок 48. 00:03:31(Project) Redux Folder Structure - Components
-
Урок 49. 00:02:18(Project) Redux Folder Structure - The Store
-
Урок 50. 00:13:41Why React Hooks?
-
Урок 51. 00:07:38(Project) Refactor
-
Урок 52. 00:01:51(Project) Introduction to Polls
-
Урок 53. 00:02:17(Project) Starter Code
-
Урок 54. 00:05:52(Project) Authed User
-
Урок 55. 00:03:25(Project) Users
-
Урок 56. 00:03:21(Project) Loading
-
Урок 57. 00:11:15(Project) Polls
-
Урок 58. 00:06:49(Project) Answers
-
Урок 59. 00:04:37(Project) Shared
-
Урок 60. 00:02:28(Project) Logger
-
Урок 61. 00:04:41(Project) Leaderboard
-
Урок 62. 00:07:55(Project) Dashboard
-
Урок 63. 00:08:28(Project) Add Poll
-
Урок 64. 00:04:18(Project) Routes
-
Урок 65. 00:10:30(Project) Poll
-
Урок 66. 00:03:33Next Steps
Автор - ui.dev (ex. Tyler McGinnis)
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
leveluptutorials
7 мар. 2018 г., 20:40
Redux и React для всех
Redux & React For Everyone
В этом курсе мы покроем тему Redux с React. Очень часто именно с Redux разработчики сталкиваются с трудностями, как в реальной разработке, так и во многих курсах. Я надеюсь что в этих видео вы сможете понять основные концепции Redux. На протяжении этого курса мы будем делать некоторые вещи, которые покажут вам как работает React с Redux, а также будем использовать самые современные методы разработки.
ui.dev (ex. Tyler McGinnis)
19 февр. 2018 г., 21:46
Redux (Tyler Mcginnis) (OLD)
Redux
Изучая Redux, вам нужно изучить его в контексте достаточно большого приложения, чтобы увидеть его преимущества. Вот почему этот курс огромен. Лучшее имя может быть «Real World Redux», если вы устали от TODO приложений, то вы попали в нужное место. В этом курсе мы поговорим о том, что делает Redux специально для управления состоянием в вашем приложении. Мы создадим реальное приложение «реального мира», чтобы вы могли увидет
Создайте приложение с React, Redux и Firestore с нуля
Build an app with React, Redux and Firestore from scratch
Узнайте, как создать веб-приложение с помощью React, Redux и Firestore с нуля до развертывания. Вы хотите изучить React и Redux в контексте построения полного приложения? Вы хотите узнать о Firestore, новой базе данных от Google, которая предоставляет «живые данные» для нашего приложения? Вы тип ученика, который больше всего зарабатывает на создании приложения, а не смотрит на бесконечные слайды о том, как что-то должно работать?
MERN Stack Front To Back: Full Stack React, Redux & Node.js
MERN Stack Front To Back: Full Stack React, Redux & Node.js.
Создавайте и разверните социальную сеть с помощью Node.js, Express, React, Redux и MongoDB и узнайте как собрать все это вместе.Добро пожаловать в «MERN Stack Front To Back». В этом курсе мы создадим полномасштабное приложение социальной сети, используя Node.js, Express, React, Redux и MongoDB вместе с ES6 +. Мы начнем с пустого текстового редактора и закончим развертывание полного приложения.
![[Книга] React и Redux. Функциональная веб-разработка logo](https://cdn.coursehunter.net/courses/510x622/kniga-react-i-redux-funkcionalnaya-veb-razrabotka.webp)
https://github.com/uidotdev/redux-course-curriculum
Про неё говорят в 66 уроке "Next Steps".