در این آموزش تصویری با ساخت اپلیکیشن های داده محور React با Relay GraphQL و Flux آشنا می شوید.
این دوره آموزشی محصول موسسه Pluralsight است.

سرفصل های دوره:

  • آشنایی با GraphQL ، Flux و Relay
  • کار با Express و ES6
  • کار با Webpack
  • کار با JSX
  • به روز رسانی Babel 6
  • کار با داده ها
  • کار با MVC
  • مقدمه ای بر Flux
  • کار با dispatchers
  • ایجاد یک API
  • کار با MongoDB
  • نحوه توزیع عملیات
  • کار با رویدادها
  • نحوه شروع کار با GraphQL
  • چرا از GraphQL استفاده می کنیم؟
  • بررسی اصول GraphQL
  • نحوه استفاده از GraphQL با MongoDB
  • نحوه شروع کار با Relay
  • چرا از Relay استفاده می کنیم؟
  • کار با پلاگین های Relay
  • کار با متغیرها
  • نحوه به روز رسانی Relay
  • و…

عنوان دوره: Pluralsight Building Data-driven React Applications with Relay GraphQL and Flux
سطح: متوسط
مدت زمان: 3 ساعت و 9 دقیقه
نویسنده: Samer Buna


Pluralsight Building Data-driven React Applications with Relay GraphQL and Flux

Samer Buna
3h 9m

Build a full-stack JavaScript web application from scratch using React with Flux/Relay on the frontend and Node/Express with GraphQL and MongoDB on the backend.
In this course, we create a React.js application on top of an Express.js project on Node.js. We'll have our data stored in MongoDB and exposed with a GraphQL endpoint on the server. For the clients on the frontend, we'll see examples of how to work with data using the Flux pattern first, then using the Relay.js framework. We'll be using Babel and Webpack in this project, and we'll install all our dependencies with npm. The application we will be building is a list of educational resources about React, GraphQL, and Relay. Users can add new resources and browse and search the list.

14m 32s
Why This Course?
3m 9s
To React or Not to React
5m 53s
GraphQL, Flux, and Relay
4m 30s
What We Are Going to Build?
0m 59s
Crash Courses: Express and ES6
26m 30s
1m 2s
Node and Express
6m 0s
React and Webpack
5m 19s
JSX and ES6
9m 42s
Updating to Babel 6
3m 44s
0m 40s
Working with Data
29m 54s
2m 8s
Short Story: What's Wrong with MVC?
2m 9s
Introduction to Flux: Actions and Dispatchers
4m 43s
Introduction to Flux: Stores and Views
3m 34s
Creating an API Endpoint for MongoDB Data
5m 35s
Flux Example: Dispatching Actions
5m 27s
Flux Example: Stores and Event
5m 0s
1m 14s
GraphQL: Getting Started
34m 10s
Why GraphQL?
7m 28s
Your First GraphQL Server
6m 5s
GraphQL Queries and Mutations
6m 7s
GraphQL Core Principles
6m 31s
Using GraphQL with MongoDB
6m 26s
1m 30s
Relay: Getting Started
1h 24m
Introduction: Why Relay
7m 5s
To ES2015 and Beyond
9m 57s
Babel Relay Plugin
9m 13s
Containers, Fragment, and Routes
8m 26s
Containers Composition
3m 19s
The Connection Model
7m 48s
Working with Variables
4m 19s
Defining a Relay Mutation
7m 38s
Using a Relay Mutation
8m 26s
Optimistic Updates with Relay
8m 0s
The Node Interface
9m 58s