As I wrap up my current project, a React Native app, my team has been thinking a lot about what went right and what went wrong when using the framework. Since it’s a pretty lightweight framework, we brought in a lot of external libraries to help us build our app. Besides some always-useful libraries, such as Lodash, Redux, and date-fns, there were a few that really helped the app come together. Read more on Three React Native Libraries I Can’t Live Without…
React / Redux
A Pattern for Redux Thunk Async Actions
Redux is a powerful tool for structuring front-end logic, and Redux Thunk extends its capabilities to support asynchronous actions in a simple way. However, without a clear, consistent, and reusable pattern to follow, it’s easy for a team to write Thunk actions in different ways and add mental strain to understanding the codebase. Read more on A Pattern for Redux Thunk Async Actions…
CSS-Animated Countdown Timer with React and TypeScript
A while ago, on an old project, we needed to implement a countdown timer. The specified design looked relatively simple: an outline of a circle with the number of seconds remaining inside. As the time counted down, the text would need to update, and the stroke around the circle would need to disappear at an appropriate rate so it would be completely gone when the time got to zero seconds.
I originally implemented this timer in an Ember project. For the past year, I’ve been working with React, so I decided to try my hand at re-implementing it as a React component. Read more on CSS-Animated Countdown Timer with React and TypeScript…