#103 Build a Chat App with React, Auth0 and Pusher

sponsor

Full Stack Fest 2017: Problems of today, wonders from the future

Barcelona, 4-8 Sept. 2017 – Are you a curious mind? Full Sack Fest is a week-long conference based in the amazing city of Barcelona that peeks into the web of tomorrow. Serverless, Blockchain, WebVR, Distributed Web, Progressive Web Apps... Come and see! Early bird tickets available with a 10% discount using the code DIGEST.

this week's favorite

Build a Chat App with React, Auth0 and Pusher

In this tutorial, I’ll show you how to build a secure chat app with React and Pusher using the Auth0 authentication service and a Node + Express Backend Server. We will use Auth0 to authenticate users so they can access the chat feature of a website.

Real-time front-end updates with React, Serverless, and WebSockets on AWS IoT

“Serverless” architectures are getting more popular nowadays, replacing server-based stacks. Serverless doesn’t mean that you don’t have a server though. It only means that you don’t own your servers and even don’t manage them. For instance, if you use JavaScript, you don’t have a server, instance or container with a NodeJS running waiting for the request. Instead, each request goes to an API Gateway that spawns a new NodeJS instance if necessary, and has it process the request on demand.

Real World React

Learn from React apps written by experienced developers. You’ll find the source code for the React World React apps in the apps/ subdirectory. Thank you to every developer who has worked on a project this repo links to, your work is helping developers learn React.

React Pattern: Extract Child Components to Avoid Binding

Here’s a common scenario in React: You’re mapping over an array, and you need each item to call a click handler and with some relevant data. Here’s an example. I’m iterating over a list of users and passing the userId to delete to the deleteUser function on line 29.

Under the hood: ReactJS

This repository contains an explanation of inner work of ReactJS. In fact, I was debugging through the entire code base and put all the logic on visual block-schemes, analyzed them, summarized and explained main concepts and approaches. I’ve already finished with Stack version and now I work with the next, Fiber version.

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.