react

Tracking User State with Phoenix Presence, React and Redux

In any application, you may need to track user involvement in real-time features. In a gaming, chatting or otherwise real-time and interactive application, we want to track things like which users are present in a chat/game/live stream or who is typing a message/shooting aliens/streaming a thing.…

JWT Auth with Phoenix and React Router 4

Since I clearly cannot get enough of JWT [https://www.thegreatcodeadventure.com/jwt-auth-in-rails-from-scratch/] authentication [https://www.thegreatcodeadventure.com/jwt-authentication-with-react-redux/], here's a look at how to use it to authenticate your shiny new Phoenix API with a React + Redux front-end application, using React Router 4. In this post, we&…

Real-Time React with Socket.io: Building a Pair Programming App

The best things are real-time things, so I won't bore you with another introduction on why we all need to build real-time features into our applications. People want to chat and share files and collaborate on documents and projects and put pictures of cats on things in real-time.…

The React + Redux Container Pattern

Building Responsive Applications, Cleanly, is Hard The first large (okay, more like medium) scale application I built in React was pretty straightforward. It was a simple CRUD application for managing your very own list of cats and their associated hobbies (so fun). Being so straightforward, it wasn't too…

React + Redux Tutorial Part VIII: The Delete Feature

The Delete Cat Feature -------------------------------------------------------------------------------- This is Part VIII of a eight part series on building a CRUD application with React + Redux. You can view the code for this project here [https://github.com/SophieDeBenedetto/catbook-redux/tree/blog-post]. You can view the table of contents here [https://www.thegreatcodeadventure.com/…