Slack Clone Using GraphQL and React

Slack Clone Using GraphQL and React - Introduction

Setting up GraphQL Server with Node.js

Creating PostgreSQL Database Models with Sequelize

PostgreSQL Naming Conventions and GraphQL Schemas

Creating GraphQL Schemas and Resolvers using Sequelize

Setting Up React with GraphQL

Register Form in React Using Semantic UI and GraphQL

Handling Register Form Errors in React Using Semantic UI and GraphQL

React Login Form with Mobx

Login Mutation GraphQL

Refactoring and Handling Invalid Login

Sending, Verifying, and Refreshing JWT Tokens in Node.js

Protected Routes, Mutations, and Queries with React Router and GraphQL

Bad Semantic UI Layout

Building Slack's Layout with CSS Grid and Styled Components

Adding Props to Sidebar Component

Building Slack's Sidebar with Styled Components

Building Container Component and GraphQL Query

Upgrading to Apollo Client 2.0

Switching Teams with React Router Dynamic Routes

Building an Add Channel Form with Formik

Updating React Apollo Cache

Sharing Data Across React Components by Lifting A GraphQL Query

Using a PostgreSQL Join Table to Add Users to Teams

PostgreSQL Transactions with Sequelize

Querying a Many to Many Relationship with Sequelize

Optimizing Sequelize with Raw Queries

Simple React Form with Formik

Semantic UI React Comment Component

GraphQL Subscriptions Setup in React and Express.js

Real Time Messaging in React with GraphQL Subscriptions

Unsubscribing from GraphQL Subscriptions

GraphQL Subscriptions Authentication

Refactoring a Sequelize Database Model

Trying to Control Access to GraphQL Subscriptions

Sequelize Model for Direct Messaging

Fixing Apollo Client Afterware

Building Resolvers for Direct Messaging

Building a React Autocomplete Component with GraphQL and Downshift

Listing Users You've Direct Messaged