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

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

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

Server Side Rendering with React and Redux

udemy

Stephen Grider

★4.9 (всего оценок - 95)

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

Загрузить

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

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, чтобы поделиться полученными знаниями с другими инже

+132

udemy

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

+194

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

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

Комментарии

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
Обновите курс пожалуйста!!!