Catch the update of live classes by the instructors Mr Oluwasetemi and Mr Desmond on this Repo and the available links shared in class
Introduction to React. LMS contd class During the Introductory lectures to React Mr Oluwasetemi break down how bundling of basic javascript app works before the team at facebook created the React, and he delves a little into webpack Webpack
on the introductiory class, he also mentioned importing, exporting and using our bundled app link to the doc he shared here
This class focuses us on installing and creating react app on our local machine link to create react app
as the class proceeds he explain creating components in react, Writing markup with JSX in React. which is just plain javascript and html in react, Importing and Exporting Components, Passing props to a components, Conditional rendering he makes further code examples writting basic jsx elements and rendering them in our react app
He further explain the concept of component and how react is component based library for UI rendering view class here
as the classes proceeds he breaks down the concept of states and using states in React, as continuation of the classes on the schol LMS documentation guide below States and managing state in React Getting started with state
Mr Desmond and Mr Oluwasetemi further use a little counter game of incrementing and decremeting to explain some basic react concepts, which includes the useState hook, useEffect and so on, docs below for further explanation useEffect Hook
Mr Setemi contd to focuses on creating and using custom hooks in react with code examples find code here
Further classes focus on React router dom, React router dom as a third party library for rounting pages in our React Application. It was explained deeply with examples by the instructor @oluwasetemi, he touches installing the library itself in our app using ```npm install react-router-dom which download other dependencies for us He went further to explain importing and using with the elements that are provided to us by the library, such as , ,
he further hooks provided by the third party router
He explained with code example the following
- useLocation
- useParams
- useNavigate
- useOutlet
further link he shared, Input valid github account name see here
**further explanations he made in the last class includes **
- composition vs inheritance using
props.children
and managing layouts in our Application-
find doc and code examples here
Fork the project to a new repositery
clone the repo on your terminal
cd to the project directory
code .
to open in your vscode
yarn start or
`npm start` to run the app on your local
navigate to localhost:3000 on your browser.
This project was bootstrapped with create react app.