├── Example ├── Build a React Switch Toggle Component.md ├── Menu Navigation.md ├── Passing Data Through Props.md └── build a Pagination Component with React-Query .md ├── Introductions ├── Basic.md └── README.md ├── Lecture ├── cwpc01 │ ├── .gitignore │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── About.js │ │ ├── About_data.js │ │ ├── All_data.js │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── Center_section.js │ │ ├── Data.js │ │ ├── Header.js │ │ ├── Home.js │ │ ├── Menu.js │ │ ├── Product.js │ │ ├── Top_book_Section.js │ │ ├── css │ │ └── style.css │ │ ├── img │ │ ├── 10-percent.png │ │ ├── 20-percent.png │ │ ├── badge.png │ │ ├── book11.png │ │ ├── books.png │ │ ├── center_right.png │ │ ├── offer.png │ │ ├── open-book.png │ │ ├── open-book1.png │ │ └── price-tag.png │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── reportWebVitals.js │ │ └── setupTests.js └── toystore │ ├── .gitignore │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt │ └── src │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── Header.js │ ├── Home.js │ ├── Product_Section.js │ ├── img │ ├── toy1.png │ └── toy2.png │ ├── index.css │ ├── index.js │ ├── logo.svg │ ├── reportWebVitals.js │ └── setupTests.js ├── Project ├── auth-ui │ ├── .gitignore │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ └── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── index.css │ │ ├── index.js │ │ ├── logo.svg │ │ ├── pages │ │ ├── Login.js │ │ └── Signup.js │ │ ├── reportWebVitals.js │ │ └── setupTests.js └── toyshop │ ├── .gitignore │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt │ └── src │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── Header.js │ ├── data │ └── img │ │ └── rubber-duck.png │ ├── index.css │ ├── index.js │ ├── logo.svg │ ├── reportWebVitals.js │ └── setupTests.js ├── README.md ├── React JS Hook TODO ├── Jason placeholder.md └── README.md ├── React rounting ├── API.md └── README.md ├── ReactJS - Component ├── Class-Based Components.md ├── Functional Components.md ├── PureComponents.md ├── README.md └── React.memo (Functional Component Optimization).md ├── ReactJS - Creating a React Application └── README.md ├── ReactJS - Event management ├── Event Handling in JSX.md ├── Event Object.md ├── Handling Events in Class Components.md └── README.md ├── ReactJS - JSX └── README.md ├── ReactJS - State Management ├── README.md ├── React Component State.md └── SwitchPageExample.md ├── ReactJS - Styling └── README.md ├── ReactJS - props └── README.md ├── ReactJS Hook ├── README.md ├── ReactJS useEffect Hook.md ├── ReactJS useState Hook.md └── example.md └── tutorial ├── README.md ├── SUMMARY.md ├── customizing-bootstrap-with-scss-in-react.md ├── experiment-with-bootstrap-components-like-grids-cards-and-navbars..md ├── getting-started-with-react-js.md ├── how-to-create-a-component-in-react.md ├── how-to-create-class-based-components-in-react.md ├── how-to-create-multiple-class-based-components-in-a-single-file-in-react.md ├── how-to-create-multiple-components-in-react.md ├── how-to-install-bootstrap-in-react.md └── react-props.md /Example/Build a React Switch Toggle Component.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Example/Build a React Switch Toggle Component.md -------------------------------------------------------------------------------- /Example/Menu Navigation.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Example/Menu Navigation.md -------------------------------------------------------------------------------- /Example/Passing Data Through Props.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Example/Passing Data Through Props.md -------------------------------------------------------------------------------- /Example/build a Pagination Component with React-Query .md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Example/build a Pagination Component with React-Query .md -------------------------------------------------------------------------------- /Introductions/Basic.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Introductions/Basic.md -------------------------------------------------------------------------------- /Introductions/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Introductions/README.md -------------------------------------------------------------------------------- /Lecture/cwpc01/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/.gitignore -------------------------------------------------------------------------------- /Lecture/cwpc01/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/README.md -------------------------------------------------------------------------------- /Lecture/cwpc01/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/package-lock.json -------------------------------------------------------------------------------- /Lecture/cwpc01/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/package.json -------------------------------------------------------------------------------- /Lecture/cwpc01/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/public/favicon.ico -------------------------------------------------------------------------------- /Lecture/cwpc01/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/public/index.html -------------------------------------------------------------------------------- /Lecture/cwpc01/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/public/logo192.png -------------------------------------------------------------------------------- /Lecture/cwpc01/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/public/logo512.png -------------------------------------------------------------------------------- /Lecture/cwpc01/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/public/manifest.json -------------------------------------------------------------------------------- /Lecture/cwpc01/public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/public/robots.txt -------------------------------------------------------------------------------- /Lecture/cwpc01/src/About.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/About.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/About_data.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/About_data.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/All_data.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/All_data.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/App.css: -------------------------------------------------------------------------------- 1 | h1{ 2 | color: aqua; 3 | } -------------------------------------------------------------------------------- /Lecture/cwpc01/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/App.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/App.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/App.test.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/Center_section.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/Center_section.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/Data.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/Data.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/Header.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/Header.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/Home.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/Home.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/Menu.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/Menu.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/Product.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/Product.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/Top_book_Section.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/Top_book_Section.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/css/style.css -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/10-percent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/10-percent.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/20-percent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/20-percent.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/badge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/badge.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/book11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/book11.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/books.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/books.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/center_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/center_right.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/offer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/offer.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/open-book.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/open-book.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/open-book1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/open-book1.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/img/price-tag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/img/price-tag.png -------------------------------------------------------------------------------- /Lecture/cwpc01/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/index.css -------------------------------------------------------------------------------- /Lecture/cwpc01/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/index.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/logo.svg -------------------------------------------------------------------------------- /Lecture/cwpc01/src/reportWebVitals.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/reportWebVitals.js -------------------------------------------------------------------------------- /Lecture/cwpc01/src/setupTests.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/cwpc01/src/setupTests.js -------------------------------------------------------------------------------- /Lecture/toystore/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/.gitignore -------------------------------------------------------------------------------- /Lecture/toystore/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/README.md -------------------------------------------------------------------------------- /Lecture/toystore/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/package-lock.json -------------------------------------------------------------------------------- /Lecture/toystore/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/package.json -------------------------------------------------------------------------------- /Lecture/toystore/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/public/favicon.ico -------------------------------------------------------------------------------- /Lecture/toystore/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/public/index.html -------------------------------------------------------------------------------- /Lecture/toystore/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/public/logo192.png -------------------------------------------------------------------------------- /Lecture/toystore/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/public/logo512.png -------------------------------------------------------------------------------- /Lecture/toystore/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/public/manifest.json -------------------------------------------------------------------------------- /Lecture/toystore/public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/public/robots.txt -------------------------------------------------------------------------------- /Lecture/toystore/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/App.css -------------------------------------------------------------------------------- /Lecture/toystore/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/App.js -------------------------------------------------------------------------------- /Lecture/toystore/src/App.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/App.test.js -------------------------------------------------------------------------------- /Lecture/toystore/src/Header.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/Header.js -------------------------------------------------------------------------------- /Lecture/toystore/src/Home.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/Home.js -------------------------------------------------------------------------------- /Lecture/toystore/src/Product_Section.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/Product_Section.js -------------------------------------------------------------------------------- /Lecture/toystore/src/img/toy1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/img/toy1.png -------------------------------------------------------------------------------- /Lecture/toystore/src/img/toy2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/img/toy2.png -------------------------------------------------------------------------------- /Lecture/toystore/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/index.css -------------------------------------------------------------------------------- /Lecture/toystore/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/index.js -------------------------------------------------------------------------------- /Lecture/toystore/src/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/logo.svg -------------------------------------------------------------------------------- /Lecture/toystore/src/reportWebVitals.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/reportWebVitals.js -------------------------------------------------------------------------------- /Lecture/toystore/src/setupTests.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Lecture/toystore/src/setupTests.js -------------------------------------------------------------------------------- /Project/auth-ui/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/.gitignore -------------------------------------------------------------------------------- /Project/auth-ui/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/README.md -------------------------------------------------------------------------------- /Project/auth-ui/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/package-lock.json -------------------------------------------------------------------------------- /Project/auth-ui/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/package.json -------------------------------------------------------------------------------- /Project/auth-ui/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/public/favicon.ico -------------------------------------------------------------------------------- /Project/auth-ui/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/public/index.html -------------------------------------------------------------------------------- /Project/auth-ui/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/public/logo192.png -------------------------------------------------------------------------------- /Project/auth-ui/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/public/logo512.png -------------------------------------------------------------------------------- /Project/auth-ui/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/public/manifest.json -------------------------------------------------------------------------------- /Project/auth-ui/public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/public/robots.txt -------------------------------------------------------------------------------- /Project/auth-ui/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/App.css -------------------------------------------------------------------------------- /Project/auth-ui/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/App.js -------------------------------------------------------------------------------- /Project/auth-ui/src/App.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/App.test.js -------------------------------------------------------------------------------- /Project/auth-ui/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/index.css -------------------------------------------------------------------------------- /Project/auth-ui/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/index.js -------------------------------------------------------------------------------- /Project/auth-ui/src/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/logo.svg -------------------------------------------------------------------------------- /Project/auth-ui/src/pages/Login.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/pages/Login.js -------------------------------------------------------------------------------- /Project/auth-ui/src/pages/Signup.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/pages/Signup.js -------------------------------------------------------------------------------- /Project/auth-ui/src/reportWebVitals.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/reportWebVitals.js -------------------------------------------------------------------------------- /Project/auth-ui/src/setupTests.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/auth-ui/src/setupTests.js -------------------------------------------------------------------------------- /Project/toyshop/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/.gitignore -------------------------------------------------------------------------------- /Project/toyshop/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/README.md -------------------------------------------------------------------------------- /Project/toyshop/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/package-lock.json -------------------------------------------------------------------------------- /Project/toyshop/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/package.json -------------------------------------------------------------------------------- /Project/toyshop/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/public/favicon.ico -------------------------------------------------------------------------------- /Project/toyshop/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/public/index.html -------------------------------------------------------------------------------- /Project/toyshop/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/public/logo192.png -------------------------------------------------------------------------------- /Project/toyshop/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/public/logo512.png -------------------------------------------------------------------------------- /Project/toyshop/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/public/manifest.json -------------------------------------------------------------------------------- /Project/toyshop/public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/public/robots.txt -------------------------------------------------------------------------------- /Project/toyshop/src/App.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Project/toyshop/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/App.js -------------------------------------------------------------------------------- /Project/toyshop/src/App.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/App.test.js -------------------------------------------------------------------------------- /Project/toyshop/src/Header.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/Header.js -------------------------------------------------------------------------------- /Project/toyshop/src/data/img/rubber-duck.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/data/img/rubber-duck.png -------------------------------------------------------------------------------- /Project/toyshop/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/index.css -------------------------------------------------------------------------------- /Project/toyshop/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/index.js -------------------------------------------------------------------------------- /Project/toyshop/src/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/logo.svg -------------------------------------------------------------------------------- /Project/toyshop/src/reportWebVitals.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/reportWebVitals.js -------------------------------------------------------------------------------- /Project/toyshop/src/setupTests.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/Project/toyshop/src/setupTests.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ReactJS-tutorial -------------------------------------------------------------------------------- /React JS Hook TODO/Jason placeholder.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/React JS Hook TODO/Jason placeholder.md -------------------------------------------------------------------------------- /React JS Hook TODO/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/React JS Hook TODO/README.md -------------------------------------------------------------------------------- /React rounting/API.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/React rounting/API.md -------------------------------------------------------------------------------- /React rounting/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/React rounting/README.md -------------------------------------------------------------------------------- /ReactJS - Component/Class-Based Components.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Component/Class-Based Components.md -------------------------------------------------------------------------------- /ReactJS - Component/Functional Components.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Component/Functional Components.md -------------------------------------------------------------------------------- /ReactJS - Component/PureComponents.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Component/PureComponents.md -------------------------------------------------------------------------------- /ReactJS - Component/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Component/README.md -------------------------------------------------------------------------------- /ReactJS - Component/React.memo (Functional Component Optimization).md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Component/React.memo (Functional Component Optimization).md -------------------------------------------------------------------------------- /ReactJS - Creating a React Application/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Creating a React Application/README.md -------------------------------------------------------------------------------- /ReactJS - Event management/Event Handling in JSX.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Event management/Event Handling in JSX.md -------------------------------------------------------------------------------- /ReactJS - Event management/Event Object.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Event management/Event Object.md -------------------------------------------------------------------------------- /ReactJS - Event management/Handling Events in Class Components.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Event management/Handling Events in Class Components.md -------------------------------------------------------------------------------- /ReactJS - Event management/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Event management/README.md -------------------------------------------------------------------------------- /ReactJS - JSX/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - JSX/README.md -------------------------------------------------------------------------------- /ReactJS - State Management/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - State Management/README.md -------------------------------------------------------------------------------- /ReactJS - State Management/React Component State.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - State Management/React Component State.md -------------------------------------------------------------------------------- /ReactJS - State Management/SwitchPageExample.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - State Management/SwitchPageExample.md -------------------------------------------------------------------------------- /ReactJS - Styling/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - Styling/README.md -------------------------------------------------------------------------------- /ReactJS - props/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS - props/README.md -------------------------------------------------------------------------------- /ReactJS Hook/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS Hook/README.md -------------------------------------------------------------------------------- /ReactJS Hook/ReactJS useEffect Hook.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS Hook/ReactJS useEffect Hook.md -------------------------------------------------------------------------------- /ReactJS Hook/ReactJS useState Hook.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS Hook/ReactJS useState Hook.md -------------------------------------------------------------------------------- /ReactJS Hook/example.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/ReactJS Hook/example.md -------------------------------------------------------------------------------- /tutorial/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/README.md -------------------------------------------------------------------------------- /tutorial/SUMMARY.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/SUMMARY.md -------------------------------------------------------------------------------- /tutorial/customizing-bootstrap-with-scss-in-react.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/customizing-bootstrap-with-scss-in-react.md -------------------------------------------------------------------------------- /tutorial/experiment-with-bootstrap-components-like-grids-cards-and-navbars..md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/experiment-with-bootstrap-components-like-grids-cards-and-navbars..md -------------------------------------------------------------------------------- /tutorial/getting-started-with-react-js.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/getting-started-with-react-js.md -------------------------------------------------------------------------------- /tutorial/how-to-create-a-component-in-react.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/how-to-create-a-component-in-react.md -------------------------------------------------------------------------------- /tutorial/how-to-create-class-based-components-in-react.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/how-to-create-class-based-components-in-react.md -------------------------------------------------------------------------------- /tutorial/how-to-create-multiple-class-based-components-in-a-single-file-in-react.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/how-to-create-multiple-class-based-components-in-a-single-file-in-react.md -------------------------------------------------------------------------------- /tutorial/how-to-create-multiple-components-in-react.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/how-to-create-multiple-components-in-react.md -------------------------------------------------------------------------------- /tutorial/how-to-install-bootstrap-in-react.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/how-to-install-bootstrap-in-react.md -------------------------------------------------------------------------------- /tutorial/react-props.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pankaj-Str/ReactJS-tutorial/HEAD/tutorial/react-props.md --------------------------------------------------------------------------------