Dave Ceddia

Podcast Episodes

Linked Lists in the Wild: React Hooks with Conlin Durbin (devchat.tv)
May 07, 2019
The panel discusses Conlin’s article "Link Lists in the Wild: React Hooks".
RRU 045: React Hooks with Dave Ceddia (devchat.tv)
Jan 23, 2019
Hot Reloading in Create React App with Dave Ceddia (devchat.tv)
May 01, 2018
In this episode of React Round Up, the panel discusses hot reloading with Create React App with Dave Ceddia. They talk about what hot reloading is, when you would want to use it, and how you can set it up in your code. They also touch on ways to customize Create React App, the disadvantages to customizing, and the key points to understand about Create React App before modifying it.

Articles & Tutorials

Redux Selectors: A Quick Tutorial (daveceddia.com)
Mar 26, 2019
You might’ve run up against this concept in Redux called a “selector.” In this short tutorial I’ll explain what selectors are, why they’re useful, and when (and when not) to use them.
A Complete React Redux Tutorial for 2019 (daveceddia.com)
Mar 10, 2019
In this Redux tutorial I’m going to explain how to use Redux with React incrementally – starting with plain React – and a very simple React + Redux example. I’ll explain why each feature is useful (and when you can skip some).
Access the Redux Store Outside a React Component (daveceddia.com)
Feb 26, 2019
The React Redux connect function works great for regular React components, but if you need access to the Redux store in a plain function, the technique is a bit different. In the examples below I’ll show how to access a JWT token from the Redux store, but the techniques will work with any data you might have.
Start a Blog in 2019 with Gatsby.js and Netlify (daveceddia.com)
Jan 30, 2019
Here in Part 1, we’ll cover the nuts and bolts of getting a Gatsby blog set up and deployed.
4 Examples of the useState Hook (daveceddia.com)
Oct 30, 2018
Converting function components to classes is a pain. The useState hook can help. Here's how it works, and examples of how to use it.
How to Use the useReducer Hook (daveceddia.com)
Oct 30, 2018
How you can take advantage of the useReducer hook to manage complex state in your components, and what this new hook might mean for Redux.
A Simple Intro to React Hooks (daveceddia.com)
Oct 28, 2018
Learn how React's new Hooks feature works, and how Hooks can make your code cleaner and easier to write.
Customize Create React App Structure with Bash (daveceddia.com)
Oct 15, 2018
Create React App (CRA) is great. Recently updated to version 2, it now supports Sass out of the box and a bunch of other cool stuff.
Computed Properties in React (daveceddia.com)
Aug 14, 2018
Frameworks like Vue have the notion of “computed properties” – a way to derive some new, possibly complex data based on something passed in. This post covers how to achieve the same result in React.
How to Display a List in React (daveceddia.com)
Aug 06, 2018
You’ve got a list of items. Now you just need to get them on the screen. What’s the “React way” to render a list?
Pass Multiple Children to a React Component with Slots (daveceddia.com)
Jul 31, 2018
You can pass JSX into any prop, not only the one named children, and not only by nesting JSX inside a component’s tag – and it can simplify data passing and make components more reusable.
Redux vs. The React Context API (daveceddia.com)
Jul 17, 2018
In this post I want to cover how the new Context API works, how it is similar to Redux, when you might want to use Context instead of Redux, and why Context doesn’t replace the need for Redux in every case.
Perfect Pulled Pork with React Native, Expo, and Express (daveceddia.com)
Jun 07, 2018
Taking a Picture Every 30 Seconds and Sending It To A Server.
Why Not To Modify React State Directly (daveceddia.com)
Jun 01, 2018
Everyone (and the React docs) say not to mutate state directly. Here's a live example of what happens when you do.
Deploy React and Express to Heroku (daveceddia.com)
May 18, 2018
A step-by-step tutorial where you'll make a React app, an Express API server, and deploy both to Heroku.
What Does Redux Do? (and when should you use it?) (daveceddia.com)
Oct 25, 2017
Read this to figure out what Redux is for, why it's useful, and when to use it.
Learning React as an Experienced Developer (daveceddia.com)
Oct 17, 2017
How to learn React after you've been building software with something else for years.
Learning React? Start Small (daveceddia.com)
Jun 21, 2017
I have been trying to learn React for the past year now, on and off. No matter how much I try, I just cannot seem to get off the tutorials. The code just isn’t intuitive.
How to Structure Your React Project (daveceddia.com)
May 22, 2017
One of many ways to organize the files in a React project.
Snapshot Testing React with Jest (daveceddia.com)
Apr 05, 2017
Testing is a double-edged sword. On one hand, having a solid test suite makes code easier to refactor, and gives confidence that it works the way it should. On the other hand, tests must be written and maintained. They have a cost, like any other code.
Reusable State with Higher Order Components (daveceddia.com)
Mar 28, 2017
Higher-order components are a great way to extract repeated state or lifecycle methods from your React code.
Where to Fetch Data: componentWillMount vs componentDidMount (daveceddia.com)
Mar 21, 2017
When you need to fetch some data for a React component, where do you do it?
A Visual Guide to State in React (daveceddia.com)
Oct 19, 2016
React's "state" is one of the more difficult concepts to learn. Not just what to put in state, but what it actually is and what it’s for. And also how Redux is related to React state. I hope to clear up some of the confusion in this article.

Courses & Video Series

Pure Redux (daveceddia.com)
Mar 19, 2019
You can be productive with Redux and React, and this video course will help you do it. You’ll get hands-on practice by building an app in React, and then refactoring it to use Redux. That’ll give you the basics.

Video Guides & Talks

React Hooks: a Guided Tour (youtube.com)
Nov 23, 2018
Dave will give an introduction to hooks and the motivation behind them, show examples of hooks in practice, and explain how you can try them out yourself.
Testing API Contracts with Snapshots (youtube.com)
Dec 04, 2017
Dave Ceddia talks about using Jest's snapshot testing to verify your APIs are working as expected.

Books & Guides

Pure React (daveceddia.com)
Jun 01, 2018
A step-by-step guide to mastering React