Slack Clone Using GraphQL and React

Channel: Ben Awad

Videos (73)

1 — HTTPS Update
2 — Setting up GraphQL Server with Node.js
3 — PostgreSQL Naming Conventions and GraphQL Schemas
4 — Setting Up React with GraphQL
5 — Protected Routes, Mutations, and Queries with React Router and GraphQL
6 — Refactoring and Handling Invalid Login
7 — Fixing Bugs in the Frontend
8 — Feature: Private Channels part 1
9 — Feature: Private Channels part 2
10 — Feature: GraphQL Subscriptions with Redis PubSub
11 — Feature: GraphQL Caching with DataLoader
12 — Starting to Setup Docker
13 — Simple React Form with Formik
14 — Creating PostgreSQL Database Models with Sequelize
15 — Creating GraphQL Schemas and Resolvers using Sequelize
16 — Slack Clone Using GraphQL and React - Introduction
17 — Adding Props to Sidebar Component
18 — Updating React Apollo Cache
19 — Switching Teams with React Router Dynamic Routes
20 — Real Time Messaging in React with GraphQL Subscriptions
21 — Listing Users You've Direct Messaged
22 — GraphQL Subscriptions for Direct Messaging
23 — React Login Form with Mobx
24 — Feature: File Uploads part 3 - Expressjs Static Files
25 — Building Slack's Layout with CSS Grid and Styled Components
26 — Building Slack's Sidebar with Styled Components
27 — Upgrading to Apollo Client 2.0
28 — Sharing Data Across React Components by Lifting A GraphQL Query
29 — PostgreSQL Transactions with Sequelize
30 — Optimizing Sequelize with Raw Queries
31 — Login Mutation GraphQL
32 — Trying to Control Access to GraphQL Subscriptions
33 — Building a React Autocomplete Component with GraphQL and Downshift
34 — Handling Register Form Errors in React Using Semantic UI and GraphQL
35 — Testing a GraphQL Server
36 — Feature: File Uploads part 2 - Formidable Middleware for Expressjs
37 — Feature Suggestions for Slack Clone
38 — Feature: Group Message part 1
39 — Docker Compose Node.js, Redis, and PostgreSQL
40 — Feature: Infinite Scroll in React
41 — Feature: Cursor Pagination with GraphQL
42 — Sharing Docker Images
43 — Deploying to Vultr
44 — Deploying Slack Clone to AWS
45 — Sending, Verifying, and Refreshing JWT Tokens in Node.js
46 — Bad Semantic UI Layout
47 — Building Container Component and GraphQL Query
48 — Using a PostgreSQL Join Table to Add Users to Teams
49 — Building an Add Channel Form with Formik
50 — Querying a Many to Many Relationship with Sequelize
51 — Semantic UI React Comment Component
52 — GraphQL Subscriptions Setup in React and Express.js
53 — Unsubscribing from GraphQL Subscriptions
54 — GraphQL Subscriptions Authentication
55 — Refactoring a Sequelize Database Model
56 — Sequelize Model for Direct Messaging
57 — Fixing Apollo Client Afterware
58 — Building Resolvers for Direct Messaging
59 — Register Form in React Using Semantic UI and GraphQL
60 — Updating Cache after a GraphQL Mutation
61 — Feature: File Uploads part 1 - React Dropzone
62 — Feature: Group Message part 2
63 — Feature: Offset Pagination with GraphQL
64 — Nginx Docker
65 — More Batching/Caching on The Server with DataLoader
66 — How to Persist PostgreSQL Data in Docker
67 — Fixing Authentication for GraphQL Subscriptions
68 — Populating PostgreSQL Database in Docker
69 — Serving Static Files with Nginx
70 — Babel Build
71 — Deploying Create React App to Surge
72 — Tried to setup HTTPS with Let's Encrypt
73 — Slack Clone Conclusion