We may earn an affiliate commission when you visit our partners.
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.
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.
Register for this course and see more details by visiting:
OpenCourser.com/course/5l76lu/building
What's inside
Syllabus
Introduction
Crash Courses: Express and ES6
Working with Data
GraphQL: Getting Started
Read more
Syllabus
Introduction
Crash Courses: Express and ES6
Working with Data
GraphQL: Getting Started
Read more
Relay: Getting Started
Good to know
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
Save
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in Building Data-driven React 17 Applications with Relay, GraphQL, and Flux with these
activities:
Review React concepts
Show steps
Establish a solid foundation in React before starting the course to maximize understanding
Browse courses on
React
Show steps
-
Read official React documentation
-
Review online tutorials and articles
Gather and organize React + GraphQL resources
Show steps
Facilitate learning by compiling useful resources, including articles, tutorials, and code snippets
Browse courses on
React
Show steps
-
Search for relevant React + GraphQL materials
-
Categorize and organize the resources
Complete React + GraphQL coding exercises
Show steps
Reinforce concepts and skills through focused practice, improving problem-solving abilities
Browse courses on
React
Show steps
-
Find coding exercises or challenges related to React and GraphQL
-
Attempt to solve the exercises independently
Five other activities
Expand to see all activities and additional details
Show all eight activities
Attend a React + GraphQL study group
Show steps
Collaborate with peers to discuss, solve problems, and exchange ideas, enhancing comprehension
Browse courses on
React
Show steps
-
Find or organize a study group focused on React and GraphQL
-
Prepare questions or topics for discussion
Follow a React + GraphQL tutorial
Show steps
Supplement the course with guided practice to reinforce the integration of React with GraphQL
Browse courses on
React
Show steps
-
Find a tutorial that covers React and GraphQL integration
-
Follow the tutorial step-by-step
Attend a React + GraphQL workshop
Show steps
Participate in a structured workshop to gain hands-on experience and in-depth knowledge
Browse courses on
React
Show steps
-
Research and identify relevant React + GraphQL workshops
-
Register and attend the workshop
Build a small React + GraphQL project
Show steps
Apply course concepts to build a tangible project, solidifying understanding and practical skills
Browse courses on
React
Show steps
-
Define a simple project scope
-
Implement React and GraphQL in the project
-
Test and debug the project
Contribute to open-source React + GraphQL projects
Show steps
Gain practical experience, enhance problem-solving skills, and build a portfolio by contributing to real-world projects
Browse courses on
React
Show steps
-
Identify open-source React + GraphQL projects
-
Review project documentation and codebase
-
Identify and fix bugs or contribute new features
Review React concepts
Show steps
Establish a solid foundation in React before starting the course to maximize understanding
Browse courses on
React
Show steps
Show steps
Show steps
- Read official React documentation
- Review online tutorials and articles
Gather and organize React + GraphQL resources
Show steps
Facilitate learning by compiling useful resources, including articles, tutorials, and code snippets
Browse courses on
React
Show steps
Show steps
Show steps
- Search for relevant React + GraphQL materials
- Categorize and organize the resources
Complete React + GraphQL coding exercises
Show steps
Reinforce concepts and skills through focused practice, improving problem-solving abilities
Browse courses on
React
Show steps
Show steps
Show steps
- Find coding exercises or challenges related to React and GraphQL
- Attempt to solve the exercises independently
Five other activities
Expand to see all activities and additional details
Show all eight activities
Attend a React + GraphQL study group
Show steps
Collaborate with peers to discuss, solve problems, and exchange ideas, enhancing comprehension
Browse courses on
React
Show steps
Show steps
Show steps
- Find or organize a study group focused on React and GraphQL
- Prepare questions or topics for discussion
Follow a React + GraphQL tutorial
Show steps
Supplement the course with guided practice to reinforce the integration of React with GraphQL
Browse courses on
React
Show steps
Show steps
Show steps
- Find a tutorial that covers React and GraphQL integration
- Follow the tutorial step-by-step
Attend a React + GraphQL workshop
Show steps
Participate in a structured workshop to gain hands-on experience and in-depth knowledge
Browse courses on
React
Show steps
Show steps
Show steps
- Research and identify relevant React + GraphQL workshops
- Register and attend the workshop
Build a small React + GraphQL project
Show steps
Apply course concepts to build a tangible project, solidifying understanding and practical skills
Browse courses on
React
Show steps
Show steps
Show steps
- Define a simple project scope
- Implement React and GraphQL in the project
- Test and debug the project
Contribute to open-source React + GraphQL projects
Show steps
Gain practical experience, enhance problem-solving skills, and build a portfolio by contributing to real-world projects
Browse courses on
React
Show steps
Show steps
Show steps
- Identify open-source React + GraphQL projects
- Review project documentation and codebase
- Identify and fix bugs or contribute new features
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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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.
For more career information including salaries, visit:
OpenCourser.com/course/5l76lu/building
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.
Save
Provides a comprehensive overview of React, Redux, and GraphQL, and how to use them together to build full-stack web applications.
Save
Provides a concise and practical guide to the core concepts of JavaScript, the language used in the course.
Save
Popular resource for learning React and its ecosystem, providing a good foundation for the topics covered in the course.
Save
Provides a comprehensive guide to Relay, a framework for managing data in React applications.
Save
Provides a hands-on guide to using MongoDB in real-world applications.
Save
Provides a unique perspective on Node.js, discussing its design principles and best practices.
Provides a guide to designing and building GraphQL APIs.
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.
Save
Provides a comprehensive guide to Node.js.
Save
Provides a hands-on guide to building web applications with Express.js.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/5l76lu/building
Share
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
OpenCourser.com/course/dytgm1/building
Building React Native Apps with Redux and GraphQL
Most relevant
GraphQL with React: The Complete Developers Guide
OpenCourser.com/course/ssmycd/graphql
GraphQL with React: The Complete Developers Guide
Most relevant
GraphQL by Example
OpenCourser.com/course/s9ylbt/graphql
GraphQL by Example
Most relevant
React, NodeJS, Express & MongoDB - The MERN Fullstack Guide
OpenCourser.com/course/ti5kh6/react
React, NodeJS, Express & MongoDB - The MERN Fullstack...
Most relevant
React Front To Back
OpenCourser.com/course/txqsbr/react
React Front To Back
Most relevant
MERN Stack Front To Back: Full Stack React, Redux & Node.js
OpenCourser.com/course/yk1bq3/mern
MERN Stack Front To Back: Full Stack React, Redux &...
Most relevant
Node with React: Fullstack Web Development
OpenCourser.com/course/ptl3ie/node
Node with React: Fullstack Web Development
Most relevant
Build a Web App using React and Redux
OpenCourser.com/course/w52wyd/build
Build a Web App using React and Redux
Most relevant
Advanced React & Storybook: From Components Library to CI/CD
OpenCourser.com/course/p6tb8f/advanced
Advanced React & Storybook: From Components Library to...
Most relevant
Time
189 hours
Level
Intermediate
Via
Pluralsight
Instructor
Samer Buna
Language
English
Good to know
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
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