#BoostYourClassAndStyle

Infinum Frontend Handbook

Our handbook is based on 10 years of experience in Frontend/JS development. Here are some numbers behind it:
188,000
hours of coding
4.6M
lines of code
100+
launched projects
29
developers
Introduction
JavaScript/Frontend is probably the most dynamic and most exciting development ecosystem of our time.
Since it’s crucial to stay in the loop with the newest trends and developments, we firmly believe that it’s important to have consistent coding standards and practices that will help us constantly deliver quality projects and code.
Chapters
  1. Styleguide
  2. How to CSS
  3. Assets
  4. Naming Cheat Sheet
  5. Changesets
  6. Code Quality
    1. Creating a pull request
    2. Reviewing a pull request
    3. Tools
  7. Accessibility
  8. Email templates
  9. Auth
  10. Testing
  11. Angular
    1. Introduction
    2. Getting started with Angular
      1. Official documentation
      2. Infinum Angular guidelines and best practices Handbook
      3. Various online resources
      4. Get to know RxJS
    3. Angular guidelines and best practices
      1. Core libraries, configuration and tools
      2. File and module organization and naming
      3. Presentational and smart or container components
      4. Environments
      5. Formatting, naming and best practices
      6. Dependency injection
      7. Angular Universal (server-side rendering)
      8. Two-way binding
      9. Working with forms
      10. DatX data store
      11. Assets & caching
      12. Localization
      13. Testing
    4. Server-side rendering (SSR)
      1. Introduction
      2. Transfer state
      3. Environment variables
      4. SEO and social media sharing
      5. Robots and sitemap
      6. Platform specific globals and providers
  12. React
    1. Intro
    2. Getting started
      1. Ecosystem
      2. Official documentation
      3. NextJS
      4. Other useful resources
    3. Project structure
    4. React hooks
    5. Chakra UI
    6. React Guidelines and Best Practices
    7. Common SSR errors
    8. Libraries
    9. Testing
      1. Best practices
      2. User actions
      3. Timers
    10. Recipes
      1. Intro
      2. Passenger setup
      3. Development proxy
      4. Error Handling
      5. Unsupported browser redirection
      6. Characters encoding issue in static pages in NextJS
      7. NextJS font optimization
      8. Caching NextJS public folder
      9. Component Default Props
      10. Datx Store Provider
      11. Session Handling
      12. Imperative update
      13. Keeping consistent values trough rerenders
      14. How to build core component
  13. React Native
    1. Project setup
    2. Application icon
    3. Custom fonts
    4. Styling
    5. Navigation
    6. Data persistence
    7. Debugging network + Flipper
    8. Testing
    9. Code signing and deployment
  14. Vue
  15. Node
    1. Node Logging
    2. Package managers guidelines
    3. Managing Node-NPM versions
  16. SASS Styleguide
    1. File organization
    2. Code quality
  17. Useful links
    18. Start reading