react

JWT Auth with Phoenix and React Router 4

Since I clearly cannot get enough of JWT authentication, 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'll cover: Using React Router 4 to set up both regular and authenticated…

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. So, how…

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 difficult to…

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. You can view the table of contents here Our user should be able to delete a cat by clicking a…

React + Redux Tutorial Part VII: The Create Feature

The Create Cat Feature This is Part VII of a eight part series on building a CRUD application with React + Redux. You can view the code for this project here. You can view the table of contents here We want our user to be able to create a new cat…