The tech tool carousel
A developer's strategy for evaluating new tech tools by letting them mature on a 'carousel' before adoption, using examples like React, Gatsby, and Tailwind.
A developer's strategy for evaluating new tech tools by letting them mature on a 'carousel' before adoption, using examples like React, Gatsby, and Tailwind.
A guide to building accessible toggle buttons with optimal HTML semantics and framework examples for Svelte, Vue, and React.
Explains the React 'as' prop, a technique for dynamically changing rendered HTML elements in components for semantic and styling flexibility.
Explains how to update React state via a component, using a custom heading component as an example, instead of a state updater function.
Explains React's batching feature for state updates, its performance benefits, and changes in React 18.
A tutorial on building a Gmail Spaces clone using React and the Stream Chat SDK, covering authentication, state management, and UI customization.
Explains stale closures in React hooks, their connection to dependency arrays, and why the exhaustive-deps ESLint rule is crucial.
Explains why JSX expressions in React must have a single parent element, detailing the underlying JavaScript translation and React.createElement method.
Interview with a junior developer on how he landed his first full-time job, including tips on networking, applications, and balancing work.
A guide to React Higher-Order Components (HOCs), focusing on conditional rendering and functional programming principles.
A guide on accessing and sharing loader data between nested routes in a Remix application using the useMatches hook and a custom typed utility.
A beginner's guide to creating, using, and making reusable button components in React with event handling examples.
Learn how to render line breaks from strings with \n characters in React and Vue components using CSS or HTML replacement.
A tutorial on building a real-time public chat application using React.js for the frontend, Laravel for the backend, and Ably WebSockets for live communication.
Explains the importance of cleaning up side effects like API calls and WebSockets in React's useEffect hook to prevent memory leaks and errors.
A tutorial on creating a custom React Hook called 'useBoolean' to manage stateful boolean values more efficiently.
A React tutorial on using local storage with custom hooks to persist state, including session storage and caching.
A tutorial on creating a custom React hook to detect clicks outside a component, useful for closing dropdowns or dialogs.
A guide to creating a custom React Hook that detects whether a user is scrolling up or down on a webpage.
A guide to using React hooks in class components via a wrapper component with a render prop, for legacy codebases.