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 vote377 views1 answer
Debugging react native
Javascript React
144 votes579 views6 answers
How to install react js
Javascript React
0 vote364 views1 answer
Refresh page by hand in react
Javascript React
3 votes358 views2 answers
Fetch data from api in react
Javascript React
1 vote373 views1 answer
How to find the width of outerconatiner in react native
Javascript React
0 vote372 views1 answer
As it does not contain a package.json file. react
Javascript React
1 vote347 views1 answer
React native generate stylesheet with function
Javascript React
3 votes382 views1 answer
React hooks send data from child to parent
Javascript React
140 votes557 views5 answers
React js installation
Javascript React
108 votes402 views2 answers
React start new app
Javascript React