Nathaniel's blog
All tags

#React

16 posts tagged with “React

Turborepo: Scaling Your TypeScript Monorepo
TypeScriptDevOpsNext.js

Turborepo: Scaling Your TypeScript Monorepo

As your project grows from one app to multiple apps sharing packages, a monorepo becomes the natural architecture. Turborepo makes monorepos fast and manageable by orchestrating builds, caching result...

Mar 2, 20267 min read4
Relay vs Apollo: Choosing a GraphQL Client
GraphQLReactNode.js

Relay vs Apollo: Choosing a GraphQL Client

Both Relay and Apollo are productiongrade GraphQL clients for React. But they have fundamentally different philosophies. After using both extensively, here's how they compare. Philosophy Apollo is fle...

Feb 21, 20267 min read6
Integrating Wallets with ethers.js and wagmi
Web3EthereumTypeScript

Integrating Wallets with ethers.js and wagmi

Wallet integration is the front door of any web3 application. Users connect their wallet, sign transactions, and interact with smart contracts — all through your frontend. Two libraries dominate: ethe...

Feb 18, 20269 min read4
Building a DAO: Governance on the Blockchain
Web3BlockchainSmart Contracts

Building a DAO: Governance on the Blockchain

A Decentralized Autonomous Organization (DAO) replaces traditional corporate governance with smart contracts. Token holders vote on proposals, and the code executes the outcome. No board of directors,...

Feb 12, 20268 min read0
Writing Your First Solidity Smart Contract
Web3SolidityBlockchain

Writing Your First Solidity Smart Contract

Smart contracts are selfexecuting programs that live on a blockchain. Once deployed, they can't be modified — every function call is a transaction, and every state change is permanent. That's both the...

Feb 3, 202611 min read0
Mastering the Next.js App Router
Next.jsReactTypeScript

Mastering the Next.js App Router

The App Router in Next.js is a groundup rethink of routing, layouts, and data fetching. If you're coming from the Pages Router, some conventions will feel familiar, but the underlying model is fundame...

Jan 25, 20269 min read0
React Server Components: A Deep Dive
ReactNext.jsGraphQL

React Server Components: A Deep Dive

React Server Components (RSC) represent the biggest architectural shift in React since hooks. They let you run components on the server, stream the result to the client, and skip shipping their JavaSc...

Jan 22, 202610 min read1
Writing my first Solidity contract: lessons from the trenches
TypeScriptReactNode.js

Writing my first Solidity contract: lessons from the trenches

Before I joined my current company, I had exactly zero production Solidity experience. I'd read the docs, deployed a toy contract on a testnet years ago, and that was it. Three months in, I've shipped...

Aug 20, 20237 min read4
On leaving Microsoft after 18 months
TypeScriptReactDevOps

On leaving Microsoft after 18 months

Disclaimer: this is a reflection, not a complaint. A year and a half goes by faster than you'd think. When I joined, I was still fairly new to the kind of scale that a big tech company brings — hundre...

Mar 5, 20234 min read2
What I learned running 50 A/B tests in one year
TypeScriptReactDevOps

What I learned running 50 A/B tests in one year

Running A/B tests was never something I thought I'd be doing this much. But at my current gig, we ship new experiments almost every week. After doing this for about a year, I've picked up a few things...

Mar 15, 20227 min read2
From Jobless to FAANG - My three year journey
TypeScriptReactGraphQL

From Jobless to FAANG - My three year journey

Disclaimer: this post is all about my personal experience, only representing my point of view, take it with a grain of salt. About three years ago, I was graduating from college with a CS degree. Drea...

Oct 16, 20214 min read203
Building a high concurrency student course selection system
TypeScriptReactGraphQL

Building a high concurrency student course selection system

Intro Remember those days when your school system suck so much that you can never pick the course you want? Well, those days are no more. After learning how to design a high concurrency student course...

Jul 24, 202110 min read256
Migrate to typescript - the advance guide
TypeScriptReactDevOps

Migrate to typescript - the advance guide

About a year ago I wrote a guide on how to migrate to typescript from javascript on node.js and it got more than 7k views. I did not have much knowledge on javascript nor typescript at the time and mi...

Dec 7, 202011 min read125
Use recoil in react custom hooks
TypeScriptReact

Use recoil in react custom hooks

Recoil is a hot new state management tool from Facebook that handles the state sharing problem gracefully with a minimal API. I recommend everyone check it out. It's an amazing tool that feels very re...

Jul 13, 20202 min read72
Let's talk about design patterns
TypeScriptReactDevOps

Let's talk about design patterns

What is a design pattern Design pattern is a method of solving specific problems through definition, use, and testing. It is a universal and reusable solution proposed for the repetitive problems in s...

Jul 8, 20202 min read19
Migrate to Typescript on Node.js
TypeScriptReactNode.js

Migrate to Typescript on Node.js

Recently I've migrated one of my personal projects from Javascript to Typescript. The reason for migrating will not be covered here, since it's more of a personal choice. This guide is for those who k...

Oct 3, 201910 min read23