Jack Franklin

Today we're looking into working with a GraphQL API and discussing if you need to reach for a 3rd party library or not.

Today we're talking about avoiding bugs by structuring your data such that the bug can never occur.

Today's post lays out my current thinking and approach to structuring React applications: the folder structure I use, my naming conventions, where I write tests, and so on.

A short post today about an easy tactic to avoid your useEffect calls becoming recursive when setting state.

Documenting components with React's PropTypes library is a great way to be notified when you've forgotten to pass a certain prop. Today we're going to see how we can leverage these to make our tests fail when our PropTypes are incorrect.

Hooks are a great way to take some complex logic and hide it behind a nice facade. In this post we'll discuss the how, why and when of doing this.

React 16.8 introduced hooks; a new way to work with effects and state in React. No longer do React components that have state need to be ES2015 classes that extend React.Component - hooks let us write components as functions and still have all the functionality of class based components.

That said, over the last few years of writing React components I’ve come up with a set of guidelines that I tend to follow, and in this post I wanted to share those below.

React v16 was a very exciting release for React, and included many new features. In the recent React 16.2 release, improved support for Fragments was announced, and it’s this feature that I want to talk about today.

In this talk we'll dive into the approaches and strategies needed to create a great unit test environment for your JavaScript and React applications. We'll examine what makes the perfect test, what to avoid, and how to use more complex features like mocks and spies to enable you to write tests more easily.

Test React components in complete isolation, in integration, or a mix of the two? Jack and Kent will discuss their differing opinions about Testing React applications and why they have come to their conclusions.

In this screencast we'll look at a React component that needs refactoring and splitting up, and refactor it whilst using and updating the tests to ensure all functionality is working.

In this video I'll show you how you can use React to fetch data from an API and render it in your components. We'll use the fetch API to make a request and make use of React's lifecycle hooks to start the request when our component is being mounted.

We'll discuss the best tooling and approaches for building ReactJS applications in the NodeJS environment and in the browser using React TestUtils and other third party libraries that make it easy to test your components. We'll see how to build components in a way that makes them more maintainable, testable and easier to work with.

A series of 5 minute videos to level up your React skillset

A video series to enable you to test React components thoroughly, refactor with confidence and abstract logic out of components