https://github.com/subraatakumar/react-tutorial

https://github.com/subraatakumar/react-tutorial

Last synced: 7 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/subraatakumar/react-tutorial
• Owner: subraatakumar
• Created: 2022-02-09T05:46:42.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-02-09T13:23:51.000Z (over 4 years ago)
• Last Synced: 2024-12-24T21:34:48.773Z (over 1 year ago)
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React-Tutorial

## react-router-dom v6

~~~javascript

import Header from './Header';

import Nav from './Nav';

import Footer from './Footer';

import Home from './Home';

import NewPost from './NewPost';

import PostPage from './PostPage';

import About from './About';

import Missing from './Missing';

import {BrowserRouter as Router, Route, Routes} from 'react-router-dom';

function App() {

  return (

    


      

        

        

        

          } />

          } />

          } />

          } />

          } />

        

        

        

    

  );

}


export default App;

~~~

## NAV 

~~~javascript

import {Link} from 'react-router-dom';

const Nav = ({search, setSearch}) => {

  return (

    

       e.preventDefault()}>

        Search Form

         setSearch(e.target.value)}

          />

      

      


        
Home

        
Post

        
About

      

    

  );

};


export default Nav;

~~~

## Filter posts as per search

~~~javascript

  useEffect(() =>{

    const filteredResults = posts.filter(post => ((post.body).toLowerCase()).includes(search.toLowerCase))

  },[posts, search])

~~~