Tag: React
React’s useState hook details
react02 August, 2020Time to read: 3 minsLearn the difference between lazy initialization and passing a value as the initial state, the functional and the regular form of setState, and more.
What’s the difference between using a ref and a variable to keep track of a value in React?
react10 June, 2020Time to read: 1 minsLearn what’s the difference between using a ref (for example, with the useRef hook) and regular variables (outside of a functional component) to keep track of a changing value.
Using the contenteditable attribute
HTMLreact17 March, 2020Time to read: 3 minsCreate a <textarea> that resizes while the user types with the contenteditable attribute.
Fix oversized icons from react-fontawesome
react17 August, 2019Time to read: 1 minsIf your react-fontawesome icons appear oversized when you first load the page in an SSR build, then this fix is for you.
React without JSX
react14 August, 2019Time to read: 1 minsI removed the JSX from the default CRA boilerplate for no particular reason.
Dark mode in React with Theme UI
gatsbyreact13 August, 2019Time to read: 3 minsLearn how to implement dark mode in your Gatsby application fast with the Theme UI library.
Modals in Gatsby
gatsbyreact25 July, 2019Time to read: 4 minsIn this post, you’ll see how to create modals in Gatsby, and how to render them in different pages to improve SEO.
Change the URLs of posts in Gatsby
gatsbyreact17 July, 2019Time to read: 3 minsLearn how to change the URLs of your pages in Gatsby.
Working with data in Gatsby
reactgatsby23 June, 2019Time to read: 6 minsYou will see how you to work with data in Gatsby from hard coding them, to transformer plugins, and finally to MDX.
Storybook - Display code for render props components
reactstorybook23 May, 2019Time to read: 1 minsWe see a solution on how to display the correct code for render props components in Storybook.
Implementing dark mode in React
reactgatsby13 May, 2019Time to read: 10 minsIt may seem easy, but it’s deceptively hard to get it right. We break down 4 solutions for implementing dark mode in React.
Displaying hundreds of images with react-window and gatsby-image
reactgatsbyreact-window30 March, 2019Time to read: 6 minsSee how to display hundreds of images with react-window and gatsby-image by building an app that displays all the Hearthstone cards in a grid. You can also see the compromises you have to make.
A performance problem when you combine useReducer and useContext
reactreact-window27 March, 2019Time to read: 8 minsWe investigate a performance problem when using useReducer and useContext instead of redux and react-redux for application state management.
SEO + DX focused internationalization for Gatsby
reactgatsbyreact-intl07 February, 2019Time to read: 4 minsSupport multiple languages, and don’t compromise the SEO or the DX in your Gatsby application with react-intl.
Reveal animations on scroll with react-spring
reactreact-springreact-visibility-sensor06 February, 2019Time to read: 5 minsCreate reveal animations on scroll with react-spring and react-visibility-sensor.
Gatsby background image example
reactgatsby25 January, 2019Time to read: 2 minsIn this post, you learn how to use the gatsby-image component as a background image.
Using redux
reactredux22 November, 2018Time to read: 9 minsStop thinking about learning redux and learn by using it. In this post, we’ll break down some basic redux concepts while writing actual code.
Essential Gatsby plugins. Part 3, PWA/Styling and the rest.
reactgatsby25 October, 2018Time to read: 6 minsIn this post, we’ll see what plugins you can use to make your Gatsby app a PWA, style it and more.
Essential Gatsby plugins. Part 2, Markdown
reactgatsby24 October, 2018Time to read: 6 minsIn this post, we’ll see what plugins you can use in order to parse and display markdown files in your Gatsby app.
Essential Gatsby plugins. Part 1, SEO and Images
reactgatsby23 October, 2018Time to read: 5 minsIn this post, we’ll see what plugins you can use in order to improve the SEO of your Gatsby app and handle images effectively.