6 minutes - React doesn’t do a whole lot.
React, Redux and the strategy pattern
Using the Strategy design pattern with maps instead of switch/case statements improves readability and modularity for your Redux reducers.
10 minutes - An age old problem of the web platform when it comes to accessibility has been to confuse links and buttons.
9 minutes - React makes handling events in a cross-browser compatible way easy by abstracting the underlying DOM mechanisms into a consistent framework API.
TDD in React: Red-Green-Refactor in no time
This post will guide you through TDD, discuss some of its benefits, and show you how to test-drive a React app in no time.
- HOC example: input field decorator (3 min.)
- Workshop: TypeScript for a React developer
- Set up a project w/ Typescript, React & Redux (12 min.)
9 minutes - The single biggest thing that improved the quality of my designs was understanding how dependencies influence my ability to write tests.
4 minutes - In template literal components.
The N26 web platform is built on top of GraphQL. Our Express server exposes a GraphQL API that proxies internal REST endpoints.
7 minutes - As a developer, you have always been smitten by the beautiful animation concepts which designers put on their Dribble accounts for mobile apps and websites.
6 minutes - Discover why the TypeScript team uses Gatsby, and what constraints they use to make it work for their team.
More real-world reports:
- Firebase as a React Hook (3 min.)
- At long last: a log out button (6 min.)
- How to persist your MobX state (4 min.)
- Effortless pagination w/ GraphQL + Relay (8 min.)
6 minutes - It's a common animation that we see on a lot of websites: when the user scrolls, the navigation bar moves down with a cool animation effect.
4 minutes - With restorable randomness in a Redux app, both the seed and the state of a pseudo-random number generator are saved and restored.
5 minutes - Learn how to simulate a cloud on a Three.js Sprite using React-Three-Fiber.
6 minutes - Start fetch the data you need, at the same time you start rendering the component using that data. This way you don't need to wait to render in the loading state to start fetching, called Fetch on Render, neither wait for fetching to finish to start rendering, called Fetch Then Render.
10 minutes - Component libraries are all the rage these days, with many companies rolling out their own solutions or sticking to a bunch of open source alternatives.
7 minutes - In this seventh part, I do away with screencasting and work on improving the editor interaction with the QRCode block. Specifically, showing in the editor how the QRCode will look when published.
- Add a React App to a ASP.NET Core application (5 min.)
- Use React + Redux with an API and a data handler (9 min.)
- React Hooks stale-while-revalidate data fetching (15 min.)
- Centralized Error Handing with React and Redux (13 min.)
15 minutes - After exactly 365 days of very intensive development, I'm extremely happy to unveil the first stable release of Yarn 2.
6 minutes - Next.js 9.2 introduces native support for CSS, aggressive code-splitting, catch-all dynamic routes, and more.
5 minutes - There are exciting changes happening in React, and we wanted to update Meteor’s React integration to match that excitement.
3 minutes - There is no contender when it comes to DOM positioning libraries — yet Popper.js 2 is relatively new and as of recent only available as a release candidate.
- My favourite React stack (4 min.)
- SAP/luigi: framework for micro-frontends
- Single SPA: framework for micro-frontends
- 13 of the best React (Native) frameworks (8 min.)
2 minutes - This is sure to upset some people, but here goes: writing types can fulfill the same role as writing tests. Particularly tests in test-driven development. Let me explain.
15 minutes - Learn how state management libraries have one thing in common - they are all partial implementations of state machines.
3 minutes - When dispatching multiple actions.
6 minutes - Promise Lifting is an alternative technique to async/await.
A lot of value proposition arguments around GraphQL have been about over/under fetching, getting the data shape you ask for, etc. But I think GraphQL provides us more than that
How to NOT render something in React
Duration: 20 minutes
About me and our project