Relay Modern + GraphQL + React + MongoDb

Understand the roadmap for distributed applications with a uniform data schema across cloud servers and data sources, using Express and Mongoose with MongoDB on the server.

Install node by first setting up homebrew on macOS, then use the package manager; on Windows, follow the full installer to verify the version you installed.

Explore Node.js as a JavaScript engine and runtime environment, not a server, and learn to run scripts, install modules with npm, and build a simple http server.

Learn how to set up a MongoDB database on your own server or a hosted service, create the database, create a database user, and obtain a connection for your app.

Install mongoose with npm install, connect to mongodb using a connection string, and handle open and error events. Define a user schema and script to save a user.

Install graphql and express, define a GraphQL schema with a user type backed by Mongoose, and implement resolvers to expose data via a GraphQL server, with CORS and authentication.

Explore moving from server-side to client-side in a browser environment, addressing deployment size with bundling node_modules into a single file, and browser compatibility with Babel configuration.

Learn to set up client-side tooling with npm and a package manager, install webpack and dependencies, and configure webpack.config.js with entry, output, and node_modules management to produce bundle.js.

Install and configure Babel within a development workflow, managing core packages and assets to build a bundle. Define model mappings and file patterns with regular expressions, excluding build folders.

Explore building React components with GSX syntax, using bubble presets and plugins to process JavaScript before deployment, and organize elementary and composite components into an index file for browser deployment.

Explore GraphQL with a Mongoose-backed data schema to serve a viewer-driven data view, enabling queries and mutations through a unified card archive of queries.

Connect the client and server using Relay and GraphQL, compose composite components with data fragments, declare data requirements, compile with the Relay compiler, and execute mutations to update user data.

Explore the bonus of React-Materialize within a Relay Modern, GraphQL, and MongoDB project, applying React components to build modern, responsive interfaces.