Learn React with TypeScript - 3rd Edition
NewA comprehensive guide to building modern React applications with TypeScript. Learn best practices, advanced patterns, and real-world development techniques.
View on Amazon
-
Creating a Review Analyser Using the Vercel AI SDK and React 19
#Vercel AI SDK, #ReactCreate an AI review analyser with React 19 and Vercel AI SDK. The step-by-step guide leverages React 19's Server Functions, server-side validation with Zod, the useActionState hook, and the Vercel AI SDK.
-
Boosting Productivity with Autonomous AI Coding Agents
#Devin, #Codex, #Jules, #Cursor, #Autonomous Coding AgentsHow autonomous AI coding agents can boost developer productivity
-
Writing Better Instructions for Cursor
#CursorHow to structure AI prompts using PRDs and task lists to build complex features more efficiently instead of relying on error-prone "one-shot" attempts
-
-
When to use AI to Generate Code
#CursorAfter using AI for coding heavily for the past 6+ months, I'm starting to see clearer patterns in what works and what doesn't
-
Accessible React Forms
#reactHow to build an Accessible React form with React Hook Form
-
Automated React Accessibility Checks
#react, #testsAutomated accessibility checks for React apps
-
Mocking Console
#react, #typescript, #jest, #testsHow to mock console.warn / console.error
-
Testing Emotion Styles
#react, #testsHow to test component Emotion styles
-
Using a Forwarded Ref Internally
#react, #typescriptHow to use a ref internally that is forwarded
-
Codemods for React and TypeScript
#react, #typescriptCreating codemods for React and TypeScript
-
How to mock a function in Jest for a React and Typescript app
#react, #typescript, #jest, #testsHow to mock a function in Jest for a React and Typescript app
-
Using Lodash debounce with React and TypeScript
#react, #typescriptHow to install and use the debounce function from Lodash in a React and TypeScript app
-
Try React 18 RC with TypeScript
#react, #typescriptTry the React release candidate with TypeScript
-
How to Make Your React Component Library Tree Shakeable
#react, #rollup, #webpackHow to make a reusable react component library tree shakeable
-
Update Requests with React Query
#react, #typescripthow to use React Query with requests that make data updates
-
Cancelling Requests with React Query
#react, #typescriptHow to cancel fetch requests with React Query and TypeScript
-
Retries React Query
#react, #typescriptExplores the retry feature in React Query which is useful when fetching data over flakey connections
-
Setting App State with React Query
#react, #typescriptHow to set app level state from a web service request with React Query with TypeScript
-
Lazy Loading with React Query
#react, #typescriptHow to lazily load data in a list with React Query with TypeScript
-
Paging in React Query
#react, #typescriptHow to page through a collection of data using React Query with TypeScript to provide an awesome user experience
-
Dependent Requests in React Query
#react, #typescriptHow to do a request that depends on the result of another request using React Query with TypeScript
-
Getting Started with React Query and TypeScript
#react, #typescriptHow to use React Query with TypeScript to fetch data
-
Cancelling fetch in React and TypeScript
#react, #typescriptHow to cancel a fetch request in a React and TypeScript app
-
Using Jest and RTL with React and TypeScript
#react, #typescript, #testsHow to install and use Jest and React Testing Library for writing automated tests in a React and TypeScript app.
-
Using images in React and TypeScript with Webpack 5
#react, #typescriptHow to configure Webpack 5 so that images can be imported in a React app with TypeScript.
-
Using CSS in React and TypeScript with Webpack 5
#react, #typescriptHow to configure Webpack 5 so that CSS can be imported in a React app with TypeScript
-
Creating a React app with TypeScript and ESLint with Webpack 5
#react, #typescriptHow to use Webpack 5 to bundle a React app with TypeScript and ESLint
-
Getting started with Playwright with Jest and TypeScript
#typescript, #testsHow to configure Playwright to use Jest as its test runner and use TypeScript for writing tests. Also covers how to debug tests in VS Code
-
Forwarding React Refs with TypeScript
#react, #typescriptHow to forward React refs with TypeScript.
-
React refs with TypeScript
#react, #typescriptHow to use React refs with TypeScript in function and class components.