About 102 results
https://rants.broonix.ca/getting-started-with-react-navigation · 20 Aug 2017
I recently had some time to try React Navigation. It’s a very nice routing solution to use in your React Native applications. Let’s walkthrough a simple example of using React Navigation in a project. Project Setup We will use create-react-native-app f...
https://rants.broonix.ca/updated-upgrading-to-react-router-v4-2 · 19 Mar 2017
My previous article on upgrading to react-router alpha4 is still getting a lot of traffic. Below is an updated version of that post for the release version of react-router v4. I decided to take a little bit of time and migrate my reactit demo app to v4 of ...
https://rants.broonix.ca/getting-started-with-react-native-and-redux · 26 Feb 2017
It’s been far too long that I’ve been saying to myself: “Brooks you really should give React Native a try”. So I’ve whipped up a quick ‘how-to’ article from my first foray into React Native. In this tutorial, we will create a new React Native...
https://rants.broonix.ca/upgrading-to-react-router-v4 · 9 Oct 2016
This article was written when react-router alpha4 was the most recent release. If you are using the 4.0.0 release or higher please read this post: http://rants.broonix.ca/updated-upgrading-to-react-router-v4-2/ About a month ago, the react-router team rele...
https://rants.broonix.ca/animations-with-react · 2 Oct 2016
I’ve been working on a demo app to keep my ‘react fu’ strong. You can check out the app here: https://github.com/brookslyrette/reactit/ The app is a react front end for Reddit. It uses a standard stack that includes react-router and redux. This week ...
https://rants.broonix.ca/getting-started-with-create-react-app-2 · 13 Aug 2016
Setting up a react app has always been a little complex. I’ve joked about it on this blog and twitter. The react team knows this is a pain point for the community and have been awesome enough to provide us with create-react-app. Create-react-app differs ...
https://rants.broonix.ca/testing-with-react-context · 29 Jun 2016
Last we I outlined how to use react’s context feature in an application. This week I’ll show you how to ensure you can test components that use react context. Our test setup uses jsDom and Chai to render and test our components. You need to wrap any co...
https://rants.broonix.ca/react-context · 22 Jun 2016
React context is one of those features I discovered later that I should have. It’s perfect place to hold your apps user context object. In this post I’ll outline how to place a user object into the context and access it from any component in your app. ...
https://rants.broonix.ca/react-containers-and-components-2 · 14 Jun 2016
At work we’ve been using React heavily on one of our new projects. Like most projects we are using redux to load data from the server. In doing so testing becomes a bit more difficult. In order to make our components more testable we are using containers...
https://rants.broonix.ca/porting-react-components-to-es6 · 9 Apr 2016
I’ve been meaning to do this for a while, but we finally ported all our React code to ES6 classes. The migration was pretty simple, but I figured sharing my notes might help someone out there. Class creation We had been using React.createClass, but with ...