We may earn an affiliate commission when you visit our partners.
Pluralsight logo

Building Data-driven React 17 Applications with Relay, GraphQL, and Flux

Samer Buna

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.

Read more

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.

Enroll now

What's inside

Syllabus

Introduction
Crash Courses: Express and ES6
Working with Data
GraphQL: Getting Started
Read more
Relay: Getting Started

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Builds a solid foundation of JavaScript web application development concepts by covering React, Flux, Node, Express, GraphQL, and MongoDB
Suitable for learners who have a basic understanding of JavaScript and web development
Instructors Samer Buna are not well known in the field or industry

Save this course

Save Building Data-driven React 17 Applications with Relay, GraphQL, and Flux to your list so you can find it easily later:
Save

Activities

Coming soon We're preparing activities for Building Data-driven React 17 Applications with Relay, GraphQL, and Flux. These are activities you can do either before, during, or after a course.

Career center

Learners who complete Building Data-driven React 17 Applications with Relay, GraphQL, and Flux will develop knowledge and skills that may be useful to these careers:
React Developer
React Developers specialize in building user interfaces for websites and applications using React, a popular JavaScript library. They work with designers and front end engineers to turn designs into functional and interactive experiences. This course provides a deep dive into React, as well as in related technologies such as GraphQL and Relay. With this knowledge, you'll be well-equipped to enter or advance your career as a React Developer.
Relay Developer
Relay Developers specialize in building and maintaining Relay applications. They work with front end engineers to integrate Relay into React applications, and with back end engineers to implement GraphQL APIs. This course provides a comprehensive overview of Relay, as well as in related technologies such as React and GraphQL. With this knowledge, you'll be well-equipped to enter or advance your career as a Relay Developer.
GraphQL Developer
GraphQL Developers specialize in building and maintaining GraphQL APIs. They work with back end engineers to design and implement GraphQL schemas, and with front end engineers to consume those APIs. This course provides a comprehensive overview of GraphQL, as well as in related technologies such as React and Relay. With this knowledge, you'll be well-equipped to enter or advance your career as a GraphQL Developer.
Full Stack Engineer
Full Stack Engineers are responsible for both the front end and back end of websites and applications. They work with a variety of technologies, including HTML, CSS, JavaScript, Node.js, and MongoDB. This course provides a comprehensive overview of these technologies, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a Full Stack Engineer.
Data Engineer
Data Engineers design, build, and maintain data pipelines and infrastructure. They work with a variety of technologies, including databases, big data tools, and cloud computing platforms. This course provides a strong foundation in data engineering principles and practices, as well as in GraphQL, a technology for querying and manipulating data. With this knowledge, you'll be well-equipped to enter or advance your career as a Data Engineer.
Data Scientist
Data Scientists use data to solve business problems. They work with a variety of technologies, including statistics, machine learning, and data visualization. This course provides a strong foundation in data science principles and practices, as well as in GraphQL, a technology for querying and manipulating data. With this knowledge, you'll be well-equipped to enter or advance your career as a Data Scientist.
Machine Learning Engineer
Machine Learning Engineers design, build, and maintain machine learning models. They work with a variety of technologies, including statistics, machine learning algorithms, and cloud computing platforms. This course provides a strong foundation in machine learning principles and practices, as well as in GraphQL, a technology for querying and manipulating data. With this knowledge, you'll be well-equipped to enter or advance your career as a Machine Learning Engineer.
Web Developer
Web Developers are responsible for the development and maintenance of websites. They work with a variety of technologies, including HTML, CSS, JavaScript, and back end programming languages. This course provides a comprehensive overview of these technologies, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a Web Developer.
Front-End Engineer
Front End Engineers develop the user interfaces for websites and applications. They turn designs into functional and interactive experiences, using HTML, CSS, and JavaScript. This course provides a solid foundation in these technologies, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a Front End Engineer.
Software Engineer
Software Engineers design, develop, and maintain software applications. They work with a variety of technologies, including programming languages, databases, and operating systems. This course provides a strong foundation in software engineering principles and practices, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a Software Engineer.
Web Designer
Web Designers create the visual design for websites and applications. They work with a variety of stakeholders, including engineers, designers, and users. This course provides a strong foundation in web design principles and practices, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a Web Designer.
Technical Writer
Technical Writers create and maintain documentation for software and other technical products. They work with a variety of stakeholders, including engineers, designers, and users. This course provides a strong foundation in technical writing principles and practices, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a Technical Writer.
Product Manager
Product Managers are responsible for the development and launch of new products and services. They work with a variety of stakeholders, including engineers, designers, and marketers. This course provides a strong foundation in product management principles and practices, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a Product Manager.
Project Manager
Project Managers are responsible for the planning and execution of projects. They work with a variety of stakeholders, including engineers, designers, and clients. This course provides a strong foundation in project management principles and practices, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a Project Manager.
UX Designer
UX Designers design the user experience for websites and applications. They work with a variety of stakeholders, including engineers, designers, and users. This course provides a strong foundation in UX design principles and practices, as well as in React, a popular JavaScript library for building user interfaces. With this knowledge, you'll be well-equipped to enter or advance your career as a UX Designer.

Reading list

We've selected 11 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Building Data-driven React 17 Applications with Relay, GraphQL, and Flux.
Provides a comprehensive overview of React, Redux, and GraphQL, and how to use them together to build full-stack web applications.
Provides a concise and practical guide to the core concepts of JavaScript, the language used in the course.
Popular resource for learning React and its ecosystem, providing a good foundation for the topics covered in the course.
Provides a comprehensive guide to Relay, a framework for managing data in React applications.
Provides a hands-on guide to using MongoDB in real-world applications.
Provides a unique perspective on Node.js, discussing its design principles and best practices.
Provides a comprehensive guide to MongoDB, a popular NoSQL database.
Provides a collection of design patterns for Node.js, which can be useful for building scalable and maintainable back-end applications like the one developed in the course.
Provides a comprehensive guide to Node.js.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Building Data-driven React 17 Applications with Relay, GraphQL, and Flux.
Building React Native Apps with Redux and GraphQL
Most relevant
GraphQL with React: The Complete Developers Guide
Most relevant
GraphQL by Example
Most relevant
React, NodeJS, Express & MongoDB - The MERN Fullstack...
Most relevant
React Front To Back
Most relevant
MERN Stack Front To Back: Full Stack React, Redux &...
Most relevant
Node with React: Fullstack Web Development
Most relevant
Build a Web App using React and Redux
Most relevant
Advanced React & Storybook: From Components Library to...
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser