TutorialsCourses

Tutorials

Using Functions as Children and Render Props in React Components
Jason BrownJason Brown

We'll explore the concept behind child function components and how to add dynamic return values and hiding state management inside the component. Then we'll explore how to setup functional render props that allow for complex components with simple APIs. Finally we'll show how these 2 concepts can compose together like any other React component.

ReactReact
Add Additional Properties to React Children Using React.cloneElement
Jason BrownJason Brown

We'll show how to modify the children prop with React.cloneElement. We'll add additional properties, and modify existing properties to enhance an element.

ReactReact
Maintain Touchable Items with a Parent PanResponder in React Native
Jason BrownJason Brown

One of the issues I've noticed with PanResponder is that people assume it is an all or nothing. By that I mean adding a PanResponder in a parent view means it will steal all of your touches and Touchable items won't be touchable any longer.

You may be running into this because you copy and pasted it from here the documentation here https://facebook.github.io/react-native/docs/panresponder.html and it includes a capture phase returning true. (I copy and paste this all the time). We'll talk about the capture phase next.

React NativeReact Native
Migrating Ava to Jest
Jason BrownJason Brown

Migrating from Ava to Jest

JestJest
React NativeReact Native
React NativeReact Native
React NativeReact Native