When using React Router, there are times when you may want to have both a static path like /settings along with a dynamic path like /:uid. The problem is that /settings is ambiguous and will match for both /settings and /:uid. In this post, we'll look at how to fix this ambiguous matches problem with React Router.
React Router moved away from a route config approach to routing to a component based approach. However, if you need it, you can still have a central route config with React Router. In this post, we'll walk through how by breaking down the 'Route Config' example on the React Router docs.
Even though GraphQL has gained a lot of popularity over the past year, building the backend for a GraphQL API can be a major pain and a source of confusion for developers new to the ecosystem. AWS AppSync allows developers to offload the complexity and time involved with building a GraphQL backend and only worry about building their application, and it does so with real-time and offline capabilities. In this post, we'll look at how to create a new AppSync GraphQL API & connect it to a React application. We'll also add mutations, queries, and subscriptions to the application to make the data real-time.
This is the original guide for learning to build apps with React.js. Recently upgraded to support React 16.3 and friends.
Server side rendering a React app can provide a few different benefits including performance and SEO. The problem is with those benefits comes a cost of additional complexity to your application. In this post, we'll start from scratch and slowly build a server side rendered React (with React Router) while breaking down some of the complexity as we go.
If you're reading this you've probably discovered that React Router doesn't come with a solution for animated transitions out of the box. That ties into React Router's philosophy - it gives you routing primitives that you can build on and trusts you can figure out the rest. Because every app has different needs, this approach is the safest. What we'll do in this post is figure out a way to use 'React Transition Group' alongside React Router to add animated transitions to our app.
In this post you'll learn how to pass props to components being rendered by React Router.
A very common error developers run into when building (and specifically refreshing) an app with React Router and Reach Router is 'Cannot GET /url'. In this post we'll look at why that error happens and what to do about it.