Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Chat app with React, Auth0, and Pusher Chatkit
Search
Zan Markan
December 04, 2018
Programming
0
250
Chat app with React, Auth0, and Pusher Chatkit
Used in a webinar at the Auth0 Online Meetup
Zan Markan
December 04, 2018
Tweet
Share
More Decks by Zan Markan
See All by Zan Markan
High-Performing Engineering Teams and the Holy Grail
zmarkan
0
40
A Practical Introduction to CI/CD
zmarkan
0
28
The Need for Speed - Practical Tips for Optimising your CI/CD Pipeline
zmarkan
0
53
State of Kotlin - Droidcon NYC
zmarkan
1
64
State of Kotlin - Droidcon Berlin 2018
zmarkan
1
130
Building DSLs in Kotlin for Fun and Profit
zmarkan
2
460
Push Notifications That Don't Suck
zmarkan
3
340
The State of Kotlin
zmarkan
0
170
10-ish Things about Android Library Development
zmarkan
0
83
Other Decks in Programming
See All in Programming
雑に思考を整理する技術と効能
konifar
57
26k
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
340
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
7.9k
HUIT新歓2024「競技プログラミング、やってみませんか?」
slephy2784
1
250
スクラムチームと認知負荷 - ニフティのスクラムトーク Vol2. / NIFTY Tech Talk #18
niftycorp
PRO
1
120
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
260
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
130
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
2
260
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
440
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
940
サイコロで理解する統計的仮説検定の考え方
tatamiya
0
170
Elm 0.19.0 Changes
bkuhlmann
0
490
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Building Adaptive Systems
keathley
30
1.9k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Facilitating Awesome Meetings
lara
41
5.6k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
[RailsConf 2023] Rails as a piece of cake
palkan
22
3.9k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2.1k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Agile that works and the tools we love
rasmusluckow
324
20k
Transcript
CHATKIT & AUTH0 Zan Markan - Pusher
[email protected]
// @zmarkan
Ado Kukic - Auth0
[email protected]
// @kukicado
DEMO 1. Visit: bit.ly/chatkit-auth0-demo 2. Login with Auth0 3. Say
hi! !"!"!"
Pusher Realtime APIs powering your… [ news, chat, ride sharing,
trading, sports, ___ ] …apps
PUSHER pusher.com // @pusher Realtime API infrastructure since 2010 Pusher
Channels started in 2010 - pub/sub over WebSocket 250k developers using our services Powering instant messaging use-cases for years Chatkit - dedicated product for building chat features
CHATKIT • Every app is a chat app in 2018
• Instant messaging API that doesn’t make any assumptions • SDKs for web, iOS, and Android
CHATKIT FEATURES • 1:1 and Group Chat • Message History
• Rich Media Sharing • User Presence • Typing Indicators • Read Receipts ✔✔ • Roles & Permissions • Public & Private rooms • GDPR compliant • Mobile Push (beta) • WebHooks (soon)
❤ AUTH0 FOR USER MGMT Chatkit doesn’t oźfer user authentication,
just permissions Auth0 is preżty good at the whole users part… Post-login rules - Create users - Add user to default room
CHATKIT SITE / SIGNUP DEMO pusher.com/chatkit dash.pusher.com/chatkit docs.pusher.com/chatkit
CODE WALKTHROUGH • SPA in React • Chatkit authoriser in
Node/Express • Vanilla JS rules on Auth0
DIY CHAT APP How to deploy your own chat app
in 7.5 minutes (or 12 steps) All steps described in the readme: github.com/zmarkan/chatkit-sample-client
MORE RESOURCES • Demo repository: github.com/zmarkan/chatkit-sample-client • Chatkit Docs: docs.pusher.com/chatkit
• Auth0 Docs: hżtps://auth0.com/docs • Pusher Tutorials: pusher.com/tutorials?q=chatkit • Pusher Community slack: hżtps://feedback-beta.pusher.com/ • Chat UIs: • github.com/brandonmowat/react-chat-ui (React) • github.com/FaridSafi/react-native-giźted-chat (React Native)
QUESTION TIME!