#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. Logging
  7. Code Quality
    1. Creating a pull request
    2. Reviewing a pull request
    3. Tools
  8. Accessibility
  9. Email templates
  10. Auth
  11. Testing
  12. 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
  13. 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. SSR performance
      4. Timers
    10. Recipes
      1. Intro
      2. Development proxy
      3. Error Handling
      4. Unsupported browser redirection
      5. Characters encoding issue in static pages in NextJS
      6. NextJS font optimization
      7. Caching and revalidation
      8. React Concurrency
      9. Component Default Props
      10. Datx Store Provider
      11. Session Handling
      12. Next Auth
      13. Imperative update
      14. Keeping consistent values trough rerenders
      15. How to build core component
  14. 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
  15. Vue
  16. Node
    1. Package managers guidelines
    2. Managing Node-NPM versions
  17. SASS Styleguide
    1. File organization
    2. Code quality
  18. Useful links
    19. Start reading