Shower Presentation Engine

Interesting Facts

• 💰 saved budget of the company
• 🔟 days in learning process
• 5 👨‍💻👩‍💻 developers in learning process
• 3 👨‍💻👩‍💻 developers in production
• 6 👦👧 students
• 0 days without work 🔥

4 Components of Success Learning

• Plan 🎯
• Pet-project 🚧
• Teamwork ⚡
• Mentors 👨‍🏫👩‍🏫

Plan 🎯

• Reveal your gaps
• Requirements
• Resources with information
• Twitter
• Community

Pet-project 🚧

• Use popular ideas for project
• API
• Design
• Avoid using third-party libs
• Avoid useless time spending

API

• https://english.api.rakuten.net
• https://public-apis.xyz

Design

• https://www.uplabs.com
• https://www.behance.net
• https://dribbble.com
• https://interfacer.xyz

Mentors 👨‍🏫👩‍🏫

• Meetings
• Take copybook for making notes
• Raise questions

Scaffolding

Create React App

• Lets you focus on code, not build tools.
• You don't need to learn and configure many build tools
• Your app only needs a one build dependency
• Under the hood, CRA uses Webpack, Babel, ESLint, and other amazing projects
• Easy to maintain
• You can ”eject” config files from CRA and edit them directly.

ESLint config

eslint-config-airbnb

API

• AccuWeather API
• Unsplash API
• OpenWeatherMap API
• Google Maps API
• unsplash-js

Design

Hades Weather Elements

Conclusion

• Company Issues
• Benefits for developers
• 4 Components of Success Learning:
  • Plan 🎯
  • Pet-project 🚧
  • Teamwork ⚡
  • Mentors 👨‍🏫👩‍🏫

Useful links

• FastTrackToReact_final.md
• Getting Started with Redux by Dan Abramov
• Awesome React
• Create React App
• Using React in Visual Studio Code
• React Bootstrap

About me

• var_bincom
• var-bin

• ---

  Photos: Dean Brierley Austin Distel Inês Pimentel