Code Daily
Free courses and tutorials on React, React Native, and modern JavaScript.
11 Courses
200+ Tutorials
100% Free
// Featured Course
ReactReact Hook Form for React
A comprehensive course on React Hook Form, the performance-focused form library for React. We'll start with the fundamentals — why RHF takes an uncontrolled-first approach, setting up forms, registering fields, and handling submissions. Then we'll cover validation from basic HTML rules through Zod schema integration. From there we'll tackle advanced patterns like Controller for UI libraries, useFieldArray for dynamic lists, useFormContext for nested components, and useWatch for reactive field subscriptions. The course wraps up with a capstone project where you'll build a complete multi-step event registration form.
20 lessons~6 hoursFREE
Reactbeginner
TanStack Form for React
A comprehensive course on TanStack Form, the headless, type-safe form library for React. We'll start with the fundamentals — setting up forms, managing field state, and handling submissions. Then we'll dive deep into validation with synchronous, asynchronous, and Zod schema-based approaches.
From there we'll tackle advanced patterns like array fields, linked fields, listeners, custom components, and DevTools integration. The course wraps up with a capstone project where you'll build a complete multi-step account form that ties everything together.
From there we'll tackle advanced patterns like array fields, linked fields, listeners, custom components, and DevTools integration. The course wraps up with a capstone project where you'll build a complete multi-step account form that ties everything together.
20 lessons~6 hours
React Navigationbeginner
React Navigation for Beginners
A comprehensive course on React Navigation v7 with React Native and Expo. We start with project setup, then cover each navigator type — Stack, Tab, and Drawer — with hands-on examples. From there we combine navigators, tackle real-world patterns like authentication flows, modals, and deep linking, and finish with a capstone project that ties everything together.
17 lessons~4 hours
// Latest Screens
React NativeCreate a Recipe Difficulty Component
componentrecipe
React NativeBuild a Recipe Caloric Display
recipescomponent
React NativeAnimated Color Palette Generator in React Native
reacthookshooks
React NativeCreate an Animated Product Review Display with React Native
reactreview// Latest Tutorials
Vitest
playwrightreactSetup Vitest Browser Mode with Playwright in React
Learn how to setup Vitest browser mode with Playwright to run your React tests in a real browser. We'll cover installation, configuration, component testing, real browser API testing, and visual regression testing.
Vitest
tanstackvirtualizerMock Measurements to Test TanStack Virtualizer in React
TanStack Virtual relies on real DOM measurements to decide which rows to render. In tests those measurements return zero, so nothing renders. Learn how to mock getBoundingClientRect, ResizeObserver, and the scroll container to get your virtualized lists rendering and testable.
HasuraSecure Hasura Actions when Deployed Publicly
Securing your action endpoints can come in many flavors. We will walk through how to use a shared event secret that is added as a header to every request. Your action code will need to have the same secret, and check the request header. It's a simple, and effective way to verify every request is coming from your Hasura instance.
HasuraSetup Hasura with Remote Schema Joins to Return Signed S3 Urls
We're going to walk through setting up a small GraphQL schema, that will receive an s3 file path and then generate an s3 signed url. Then we'll add it as a remote schema into Hasura, and show how to set up a remote join so that the signed url can be seamlessly stitched into your fetching of data from your Hasura setup.
Hasura
jestTest Hasura With Jest and Github Action Services
For complete test coverage within Hasura you should test the crucial pathways that rely on complex permissions, and also rely on features of Postgres. We test this using Jest, and running our Hasura Instance on Github Actions using services.
Hasura
GraphQLGraphQL Code GenSetup Hasura with GraphQL Code Generator
Graphql Code Generator allows you to automatically generate TypeScript types, Apollo Hooks, and even backend GraphQL Requests for your Node server. We'll setup graphql-code-generator to generate everything you need to have completely typed queries, mutations, and resulting data in your Hasura application. We'll wrap up by showing how to do it on a per-role permission for better types that match your permissions.
Hasura
sqlHow to Setup a Computed Field in Hasura
Hasura allows for the addition of "computed fields" to any table. Computed fields are SQL functions that get added to that tables schema definition. This allows for increased flexibility in querying, and ordering. We will setup a computed field to add a users post count to the user schema, and show how to query and sort by the new computed field.
HasuraSetup Auth0 Authentication in Hasura
Hasura can work with any authentication method that can produce a JWT with custom claims. We will explore setting up Auth0, then configuring Hasura to allow it to authenticate our users. Finally we'll modify Auth0 to allow for adding in necessary roles, and claims to identify your user.