React.js

Open source front end javascript library

React.js

A JavaScript library for building user interfaces

Source: reactjs.org

React.js

// 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;

Source: stackoverflow.com

Reactjs

import React, { useState, useEffect } from 'react';
function Example() {
  const [count, setCount] = useState(0);

  // Similaire à componentDidMount et componentDidUpdate :  useEffect(() => {    // Met à jour le titre du document via l’API du navigateur    document.title = `Vous avez cliqué ${count} fois`;  });
  return (
    <div>
      <p>Vous avez cliqué {count} fois</p>
      <button onClick={() => setCount(count + 1)}>
        Cliquez ici
      </button>
    </div>
  );
}

Source: fr.reactjs.org

Reactjs

yarn create react-app my-react-app

React js

// use npm package manager
npx create-react-app my-app --use-npm

Similar codes

0 vote196 views1 answer
Declaring variable react hooks
Javascript React
1 vote165 views1 answer
How to use boostrapicons on react
Javascript React
27 votes197 views4 answers
Font awesome react npm
Javascript React
21 votes114 views3 answers
Hide header bar react navigation
Javascript React
0 vote161 views1 answer
Add clickable link to image in react native
Javascript React
0 vote177 views1 answer
React native prevent rotation of screen
Javascript React
0 vote157 views1 answer
React-active link
Javascript React
0 vote172 views1 answer
React event stop propagation
Javascript React
9 votes122 views4 answers
Firebase' is not defined no-undef react
Javascript React
0 vote176 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React