1. Project Structure
1.1. Why Include a Demo App?
- Examples of:
- Automated deployment
- Directory structure and file naming
- Framework usage
- Testing
- Mock API
- Codifies decisions
- Interactive example of working with starter
1.2. Tips
Cannot put js in html. Put js in a .js file
<html> <body> <script> // slap code here... </script> </html>
- Test this?
- Lint this?
- Reuse this?
- Transpile this?
- Import explicit dependencies?
Consider organizing by feature
Organize by file type (MVC)
/components /data /models /views
Organize by Feature (larger app)
/authors /courses
Extract logic into "POJOs" (plain old javascript object, no framework-specific code)
Put utils to utils folder, this doesn't have any relationship with react.