react.js

                                    // How to create a React app
npx create-react-app [(.) OR (new Folder)] = (npx create-react-app .) OR (npx create-react-app my-app)

                                    npx create-react-app my-app

                                    class ShoppingList extends React.Component {
  render() {
    return (
      <div className="shopping-list">
        <h1>Shopping List for {this.props.name}</h1>
        <ul>
          <li>Instagram</li>
          <li>WhatsApp</li>
          <li>Oculus</li>
        </ul>
      </div>
    );
  }
}

// Example usage: <ShoppingList name="Mark" />

                                    // import { Link } from "react-router-dom";
 import { IBlog as IProp } from "./useFetch"


const BlogList: React.FC<IProp> = ({ data }: IProp) => {

    const renderList = () => {
    return data.map((blogIndex) => {
        return (
                <div className='blog-preview' key={blogIndex.id}>
                    <a href={`/blogs/${blogIndex.id}`}>
                        <h2>{blogIndex.title}</h2>
                        <p>Written by {blogIndex.author}</p>
                    </a>

                </div>
            )
            
        })
        
    }
    return (
        <ul>
            {renderList()} 
        </ul>
    )

}

export default BlogList;

                                    A JavaScript library for building user interfaces