\newline Logo
Left arrow icon.
Go to Preview Lesson
Go to Preview Lesson
LESSON 1.4Building a Skeleton create-react-app to Test the Hook
Course Thumbnail of Master Custom React Hooks with TypeScript.Master Custom React Hooks with TypeScript
  • MODULE 1
    Building the First Functionalities of the react-use-please-stay Hook

    In this module, you'll focus on scaffolding all the tooling, building, and an example app to test your hook.

    • LESSON 1.1Course Introduction
    • LESSON 1.2Environment Setup With nvm
    • LESSON 1.3Scaffolding a React Hook Library with npm init
    • LESSON 1.4Building a Skeleton create-react-app to Test the Hook
    • LESSON 1.5Building Title Looping Functionality with the useEffect Hook
    • LESSON 1.6Packaging react-use-please-stay as an npm Module using Rollup
    • LESSON 1.7Cleaning Up and Refactoring react-use-please-stay
  • MODULE 2
    Adding Advanced Functionalities to react-use-please-stay

    In this module, you'll build more complex functionalities like changing the document title in advanced ways and even altering the favicon.

    • LESSON 2.1Implementing a Cascading Letter Functionality
    • LESSON 2.2Implementing a Marquee Functionality
    • LESSON 2.3Implementing Favicon Modification Functionality
    • LESSON 2.4Add Interval Time as a Hook Parameter
    • LESSON 2.5Add Should Always Play as a Hook Parameter
  • MODULE 3
    Finishing Touches and Optimizations

    In this module, you'll go through some optimizations and improvements to make a truly state-of-the-art React Hook package, and publish it to npm.

    • LESSON 3.1Use Custom Types to Type the Hook Parameters
    • LESSON 3.2Adding a Development-only Warning Logger
    • LESSON 3.3Prevent Concurrent Usages of the Hook
    • LESSON 3.4Restore Original Values on Refocus and Unmount
    • LESSON 3.5Publish the Hook to npm
  • MODULE 4
    Finalizing and Publishing the Example App

    In this module, you'll publish the example app to double as a live example of the hook running, as well as a complete documentation site.

    • LESSON 4.1Prepare the Example App as a Public Example Page
    • LESSON 4.2Publish the Example App to GitHub Pages
Right arrow icon.
Go to Next Lesson
Go to Next Lesson
LESSON 1.6Packaging react-use-please-stay as an npm Module using Rollup
  • Go Pro
  • Courses
  • Master Custom React Hooks with TypeScript
  • Building Title Looping Functionality with the useEffect Hook
  • Go To Previous Lesson
    Building a Skeleton create-react-app to Test the Hook
    Building a Skeleton create-react-app to Test the Hook
  • Go To Next Lesson
    Packaging react-use-please-stay as an npm Module using Rollup
    Packaging react-use-please-stay as an npm Module using Rollup