Neutral Point Measurement

    @sooni-hooks/use-title

    1.0.1 • Public • Published

    useTitle

    React-hook to change HTML title easy way.

    Notice

    useTitle is custom React-Hook; So it works on only React environment.

    Installation

    1. $ npm install @sooni-hooks/use-title
    2. Add import useTitle from "@sooni-hooks/use-title" in your script.
    3. Done!

    How to use

    useTitle returns setTitle(). setTitle takes HTML title as argument. If you put a HTML title in the function, the HTML title is automatically changed!

    Example

    function App() {
        const setTitle = useTitle("defaultTitle");
        return (
            <div className="App">
            	<h1 onClick={()=>setTitle("changedTitle")}></h1>
            </div>
        );
    }

    In the example code, if user clicks h1, HTML title will be changed "defaultTitle" to "changedTitle".

    Development environment setting

    1. First, you need to install NPM Linux : $ sudo apt install npm Windows : Go to download link https://nodejs.org/en/download/

    2. Install react and react-dom $ npm i react react-dom

    Full code

    import { useEffect, useState } from "react";
    
    const useTitle = (init) => {
      const [title, setTitle] = useState(init);
      const updateTitle = () => {
        const HTML_title = document.querySelector("title");
        HTML_title.innerText = title;
      };
      useEffect(updateTitle, [title]);
      return setTitle;
    };
    
    export default useTitle;

    Install

    npm i @sooni-hooks/use-title

    DownloadsWeekly Downloads

    3

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    2.37 kB

    Total Files

    3

    Last publish

    Collaborators

    • soonitoon