Мы построим приложения с 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 таким образом, что бы мне хотелось его видеть когда я сам учился создавать серверные приложения. Курс, который объясняет концепции и то, как они воплощены в лучшем примере.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Server Side Rendering with React and Redux,
а также все другие курсы, прямо сейчас!
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
Комментарии
redpilled
Andrew can you pls update this course? Its now more than 2 years old
chojnacki.piotr91
Обновите курс, пожалуйста!
mblandr
Обновите курс, пожалуйста!
Anonymous
@admin
Anonymous
Please update, thank you so much
mutts
Some videos found on the archive are corrupt. For example, 06 Integrating Support for Redux > 0.2 Four Big Challenges.mp4
DMITRIY
Обновите курс пожалуйста!!!
Anonymous
DMITRIY
откуда инфа. что нужно обновлять?
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Постройка 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 для управления состоянием.