react

Custom Form Validation in React with Redux Middleware

Redux provides a clean architecture for state management. So why do we continue to muddy our components with complex validation logic? Instead, let's leverage Redux, with the help of some custom middleware! Redux and State Management This post was originally published on the TuneCore Tech Blog––check it out! Redux…

Building an Elixir Umbrella App with Phoenix and React: Part III

Building a Phoenix 1.3 with React + Redux App You can check out parts I and II here and here. Building the Phoenix Child App Our Phoenix app will be pretty simple. It will take in a list of song ISRCs, rely on the Deliveries app to make a request…

Building an Elixir Umbrella App with Phoenix and React: Part II

Building a YouTube API Client with Elixir In Part I of this series, we learned about umbrella apps, and designed the archicture of our brand new umbrella app. Our umbrella app is responsible for communicating with YouTube regarding the state of song deliveries. It will have two child apps. One…

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