Главная страница Категория react.js Рендеринг на стороне сервера с React и Redux

Рендеринг на стороне сервера с React и Redux

Name: Рендеринг на стороне сервера с React и Redux
Rating: 4.9 (95 reviews)

Server Side Rendering with React and Redux

udemy

Stephen Grider

Скачать курс архивом Скачать материалы курса

Продолжительность

8 ч 14 мин

Категория

React.js

Количество уроков

91 Видео

Дата добавления

31 окт. 2017 г., 11:28

Язык

Английский

Дата выхода

12 июн. 2019 г., 16:52

Дата обновления

18 мая 2020 г., 15:04

Мы построим приложения с React, Redux, а также React Router используя рендеринг на стороне сервера а также изоморфных и универсальных JS. Этот курс не для новичков. Вы должны быть знакомы с React, Redux, React Router и Express. Этот курс научит вас объединять ультра-популярные технологии React v16, Redux, React Router и Express для создания веб-приложения на стороне сервера.

Все мои курсы являются «обучением»: без скучных бесконечных лекций с Powerpoints, а только живых, интерактивных примеров программироваия. В этом курсе мы создадим одно приложение, которое будет описывать проблемы рендеринга на стороне сервера с помощью React, Redux, React Router и Express. Поместив каждую концепцию в реальное приложение, вы получите представление о том, когда использовать каждую уникальную и мощную функцию.

Вы когда-нибудь задумывались, почему так мало курсов онлайн, которые учат методам рендеринга на стороне сервера? Конечно, есть посты в блогах которые показывают крошечную часть отображаемого на стороне сервера приложения, но почти нет ресурсов в Интернете, который дадут вам полный опыт рендеринга на стороне сервера от начала до конца. Этот курс является самым полным ресурсом в Интернете, который расскажет почему именно рендеринг на стороне сервера является настолько сложным. Вы узнаете о самых больших препятствиях, а также о нескольких решениях по каждой серьезной проблеме необходимый для решения методов рендеринга на стороне сервера в ваших собственных приложениях.

Вот что мы узнаем:

Изучите архитектурные соображения при построении приложения на стороне сервера
Заставим работать фронтенд на webback и бекенд вместе
Передача данных с вашего сервера на клиент с использованием исходного состояния Redux в приложение React
Защитите свое приложение от обычных атак XSS
Поймем как маршрутизировать запросы пользователей на фронтенде с помощью React Router и на бэкэнд с помощью Express
Обработка ошибок и перенаправление должным образом, которые происходят во время процесса рендеринга сервера
Аутентификация пользователей с помощью проверки подлинности на основе файлов cookie во время фазы рендеринга сервера
Поймем почему JWT не подходят для использования в приложении, обработанном сервером
Улучшим потокии аутентификации в приложении с помощью проверки подлинности OAuth Google

Я построил курc таким образом, что бы мне хотелось его видеть когда я сам учился создавать серверные приложения. Курс, который объясняет концепции и то, как они воплощены в лучшем примере.

Посмотреть больше

Урок 1. 00:01:45

A Few Notes
Урок 2. 00:05:29

Why Server Side Rendering?
Урок 3. 00:06:05

SSR Overview
Урок 4. 00:04:07

App Overview
Урок 5. 00:08:47

Server Architecture Approach
Урок 6. 00:02:49

Boilerplate Setup
Урок 7. 00:05:00

Express Setup
Урок 8. 00:05:05

The RenderToString Function
Урок 9. 00:10:42

JSX on the Server
Урок 10. 00:05:05

Server Side Webpack
Урок 11. 00:02:07

Breather and Review
Урок 12. 00:07:00

Rebuilding and Restarting
Урок 13. 00:05:53

Server Side Rendering, Isomorphic Javascript, Universal Javascript
Урок 14. 00:04:36

Client Side JS
Урок 15. 00:08:43

Client Bundles
Урок 16. 00:05:32

The Public Directory
Урок 17. 00:06:53

Why Client.js?
Урок 18. 00:05:15

Client Bootup
Урок 19. 00:08:27

Merging Webpack Config
Урок 20. 00:04:46

Single Script Startup
Урок 21. 00:06:21

Ignoring Files with Webpack
Урок 22. 00:04:05

Renderer Helper
Урок 23. 00:03:05

Implementing React Router Support
Урок 24. 00:05:09

BrowserRouter vs StaticRouter
Урок 25. 00:03:35

Route Configuration
Урок 26. 00:04:55

HTML Mismatch
Урок 27. 00:06:19

More on Route Configuration
Урок 28. 00:02:57

Routing Tiers
Урок 29. 00:05:22

The Users API
Урок 30. 00:08:29

Four Big Challenges
Урок 31. 00:03:25

Browser Store Creation
Урок 32. 00:07:33

Server Store Creation
Урок 33. 00:03:14

FetchUsers Action Creator
Урок 34. 00:03:13

The Users Reducer
Урок 35. 00:02:01

Reducer Imports
Урок 36. 00:06:04

UsersList Component
Урок 37. 00:03:42

Babel Polyfill
Урок 38. 00:04:36

Detecting Data Load Completion
Урок 39. 00:07:06

Solution #1 for Data Loading
Урок 40. 00:04:40

Solution #2 for Data Loading
Урок 41. 00:05:58

The React Router Config Library
Урок 42. 00:03:38

Updating Route Uses
Урок 43. 00:03:27

The MatchRoutes Function
Урок 44. 00:10:49

LoadData Functions
Урок 45. 00:06:54

Store Dispatch
Урок 46. 00:03:14

Waiting for Data Load Completion
Урок 47. 00:04:57

Breather and Review
Урок 48. 00:02:55

The Page Approach
Урок 49. 00:02:09

Refactoring to Pages
Урок 50. 00:04:46

Refactoring Page Exports
Урок 51. 00:04:44

Client State Rehydration
Урок 52. 00:05:28

More on Client State Rehydration
Урок 53. 00:07:47

Dumping State to Templates
Урок 54. 00:08:33

Mitigating XSS Attacks
Урок 55. 00:05:05

Authentication Issues
Урок 56. 00:04:53

Authentication via Proxy
Урок 57. 00:05:38

Why Not JWT's?
Урок 58. 00:06:25

Proxy Setup
Урок 59. 00:05:07

Renderer to API Communication
Урок 60. 00:04:53

Axios Instances with Redux Thunk
Урок 61. 00:04:54

Client Axios Instance
Урок 62. 00:08:15

Server Axios Instance
Урок 63. 00:03:17

The Header Component
Урок 64. 00:07:41

Adding an App Component
Урок 65. 00:02:33

Building the Header
Урок 66. 00:06:13

Fetching Auth Status
Урок 67. 00:03:35

Calling FetchCurrentUser
Урок 68. 00:06:13

Connecting the Header
Урок 69. 00:10:33

Header Customization
Урок 70. 00:05:46

Header Styling
Урок 71. 00:02:58

404 Not Found Pages
Урок 72. 00:03:00

Implementing the NotFound Page
Урок 73. 00:08:59

StaticRouter Context
Урок 74. 00:02:10

The Admin Feature
Урок 75. 00:03:31

Admins Action Creator and Reducer
Урок 76. 00:04:33

Admins Route Component
Урок 77. 00:04:25

Testing Admins Route
Урок 78. 00:06:20

Promise.all Failures
Урок 79. 00:06:17

Error Handling Solution #1
Урок 80. 00:06:33

Error Handling Solution #2
Урок 81. 00:07:55

Error Handling Solution #3
Урок 82. 00:04:02

The Require Auth Component
Урок 83. 00:08:58

Implementing Require Auth
Урок 84. 00:04:57

Require Auth in Use
Урок 85. 00:04:13

Handling Redirects
Урок 86. 00:04:16

Meta Tags
Урок 87. 00:06:13

Setting Tags with Helmet
Урок 88. 00:06:43

React Helmet in Practice
Урок 89. 00:05:31

Dynamic Title Tags
Урок 90. 00:14:09

RenderToString vs RenderToNodeStream
Урок 91. 00:02:30

Next Steps and Wrapup

Авторы - Stephen Grider, udemy

Stephen Grider

Стивен Грайдер (Stephen Grider) создавал сложные интерфейсы Javascript для ведущих корпораций в районе залива Сан-Франциско. Обладая врожденной способностью упрощать сложные темы, Стивен в течение многих лет наставлял инженеров, начинающих свою карьеру в разработке программного обеспечения, и теперь расширил этот опыт на Udemy, создав курс React с самым высоким рейтингом. Он преподает на Udemy, чтобы поделиться полученными знаниями с другими инже

+130

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+191

Категории

Комментарии

Mendax47

15 мая 2025 г., 09:01

Please update this course
redpilled

25 нояб. 2022 г., 17:19

Andrew can you pls update this course? Its now more than 2 years old
chojnacki.piotr91

20 февр. 2022 г., 16:38

Обновите курс, пожалуйста!
mblandr

9 дек. 2021 г., 14:57

Обновите курс, пожалуйста!
Anonymous

17 апр. 2021 г., 23:04

@admin
Anonymous

28 мар. 2021 г., 14:19

Please update, thank you so much
mutts

6 янв. 2021 г., 16:44

Some videos found on the archive are corrupt. For example, 06 Integrating Support for Redux > 0.2 Four Big Challenges.mp4
DMITRIY

10 июл. 2020 г., 12:34

Обновите курс пожалуйста!!!

Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Постройка Server Rendered приложения Vue.js с Nuxt и Vuex

egghead

9 мая 2017 г., 00:00

Vue Nuxt

Постройка Server Rendered приложения Vue.js с Nuxt и Vuex

Build a Server Rendered Vue.js App with Nuxt and Vuex

Vue.js обладает первоклассной экосистемой помогающей создавать приложения. Сюда входит Nuxt.js, который позволяет применять Server Rendered приложения и постраничный подход. Этот курс начнется с пустого приложения и расскажет как использовать Vue.js для создания приложения, Nuxt.js для организации приложения и Vuex для управления состоянием.

0 ч 33 мин

Английский

Посмотреть

+24