Tag: react
@blocz/react-responsive v5.0
@blocz/react-responsive v5.0 was just released. Let’s go through all the different features and changes added by this new major version
Don't pass className to your components
Why className and style props make your life harder, not easier
Optimizing Your Next.js Site's Fast Origin Transfer and ISR Reads
Next.js Link prefetching quietly burned through 15 GB of bandwidth on my Vercel-hosted blog. Here's how I fixed it.
Contributing to Open Source without being a Jerk
Open source doesn't work without good faith - and sometimes you need to patch a dependency to do your part.
React Boolean Prop Variants
Using a higher-order component to add boolean prop variants to React components.
Ikuyo: Plan Your Next Trip
It has been many months since I started this side project called Ikuyo (source code in GitHub). I think I'm now relatively satisfied with the feature set to do a write up. Ikuyo is a web application for made to help and collaborate on travels. Features Ikuyo currently offers the following features: Planning activities, accommodations,...
useStateの型、Dispatch<SetStateAction<T>> についてとジェネリック型
@blocz/react-responsive v4
@blocz/react-responsive v4 was just released. Let’s go through all the different features and changes added by this new major version
@blocz/react-responsive v4.0
@blocz/react-responsive v4 was just released. Let’s go through all the different features and changes added by this new major version
ExpoとReact Nativeで作成したアプリのAPKを作成する
Expoアプリの+not-found.tsxファイルの正体と「+」の意味
2024年12月時点でのReact Native開発環境の構築手順
React Conf 2024. React v19 RC
The first day of React.js Conf just concluded. This much-anticipated conference took place almost 3 years after the previous one. The React updates were just as eagerly awaited. The conference began with these updates and this article will be dedicated to them. And yes, as you saw from the preview — version 19 has moved into the release candidate status. The full release is promised within two weeks.
Why new frameworks make better developers
A look at the cognitive science behind the Hierarchy of Competence, and how dabbling with new frameworks and tools can make you a better developer.
Caching in next.js. Gift or Curse
The App Router significantly expands the functionality of next.js — partial pre-rendering, templates, parallel and interceptable routes, server components, and much more. However, despite all these improvements, not everyone has decided to switch to the App Router. And there are reasons for that.
More libraries to the library god or how I remade i18n [next.js v14]
There are dozens of amazing libraries made for internationalization, such as i18n, react-intl, next-intl. They all do an excellent job of adding translations to an application or website. Most of them are tested, debugged, and consistently supported.
Web Components Eliminate JavaScript Framework Lock-in
Web components can dramatically loosen the coupling of JavaScript frameworks. To prove it, we're going to do something kinda crazy: build an app where every single component is written in a different JavaScript framework.
An Extremely Simple React Starter Kit
If you’re worried about complexity in the JavaScript ecosystem, you might be sleeping on one of my favorite web development tools: esbuild!
Streams of AGI
DIY streaming for OpenAI's chat API using ReadableStreams, event parsing, and a custom React hook.
次世代フロントエンドツールViteを用いて、React+TypeScript+Tailwindcssの環境を開発する
Add custom fonts to Next.js sites with Tailwind using next/font
Learn how to add custom fonts to your Next.js app using next/font and Tailwind CSS. Improve user experience without sacrificing performance.
Were React Hooks a Mistake?
People like signals because signal-based components are far more similar to class components than to function components with hooks.
Steps I take to fix stubborn TypeScript errors in VS Code
Sometimes fixing a TypeScript or eslint error in VS Code can feel impossible. Here's what I do when I have exhausted all my resources.
Pathetic
The toxicity in the web development community needs to stop.
Refactoring TypeScript React components in VS Code
Extracting types from a JavaScript object is a common task in TypeScript. This post shows how to do it with VS Code.
The case for continued learning, and getting side projects out the door
The end of 2022 brought about a ton of change for me, and a major shift in my career. I'm excited to talk a little about what's next, and to show off a side project I'm readying for release soon.
A React Developer’s First Take on Solid
Although not quite there yet in terms of community, Solid and Solid Start are looking real promising.
Sync your About page and your GitHub bio on your Next.js site
Learn how to sync your About page and your personal GitHub README bio on your Next.js site, as a step towards owning your content on social media.
That’s a Radish!
I built a static site generator! It’s called Radish.
Next.js v13: What's New and What's Coming
Next.js is the largest framework for web application development. It was created six years ago, on October 25, 2016. Since then, 12 major releases have been issued, making the web faster and faster. Despite the framework’s complexity, the size of each subsequent release did not decrease, though the pace of updates did slow down.
Next.js Layout RFC: Changing Everything to Make the Web Faster
In May of this year, Next.js unexpectedly published an RFC (request for comments) on its blog. It primarily discusses a new abstraction - layouts - as well as a host of related changes aimed at speeding up development, improving DX, and standardizing through the creation of new conventions. This working proposal definitely deserves attention, both because of its complexity for the framework and because it literally describes what it will look like in the future.
Growth hack: Publish newsletters to your Next.js site with ConvertKit API
Use previous issues of your newsletter to attract new subscribers, using the ConvertKit API with your Next.js site.
Publish your newsletter to your Remix site with the ConvertKit API
Learn how to use the ConvertKit API to publish your newsletter to your Remix site.