Folder Structure and Creating Component - Headless WordPress with React Js | Ep - 2

#reactjs #folderStructure #components
In this video, We are learning about the Folder Structure of React Js and creating our first component.

For the project to build, these files must exist with exact filenames:
- public/index.html
- src/index.js
You can delete or rename the other files.

You may create subdirectories inside src. For faster rebuilds, only files inside src are processed by webpack. You need to put any JS and CSS files inside src, otherwise, webpack won’t see them.

Only files inside the public can be used from public/index.html. Read the instructions below for using assets from JavaScript and HTML.

You can, however, create more top-level directories. They will not be included in the production build so you can use them for documentation.

If you have Git installed and your project is not part of a larger repository, then a new repository will be initialized resulting in an additional top-level .git directory.

## Resources
HTML Vs. JSX: https://www.freecodecamp.org/news/html-vs-jsx-whats-the-difference/
File Structure: https://reactjs.org/docs/faq-structure.html

## GitHub Link
https://github.com/tanujpatra228/youtube/tree/headless-wordpress-react-js

JavaScript (ES6) tutorials Playlist:- https://youtube.com/playlist?list=PLa9NMvQUMD5dUBOwBnyF85a1w1ITXDMXG

== Social Media ==
Facebook:- https://www.facebook.com/itswebspace/
LinkedIn:- https://www.linkedin.com/in/tanujpatra/

Video Timestamp:-
00:00 - What we are doing in this Video
00:18 - React Js Folder structure
00:37 - Node Modules Folder
01:51 - GitHub Repo Link
02:08 - package.json file
04:15 - public folder
04:59 - Execution Flow of React Js application
06:53 - robot.txt file
07:23 - index.js - Entry point on javascript
10:02 - App.js
12:45 - Import Style sheet in React Js
13:38 - src folder in React Js
14:13 - Create a new Component
15:22 - Import components in other components