#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. 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. 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
  10. 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. Testing best practices
    8. Common SSR errors
    9. Libraries
    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
  11. 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
  12. Vue
  13. Node
    1. Node Logging
    2. Managing Node-NPM versions
  14. SASS Styleguide
    1. File organization
    2. Code quality
  15. Useful links
    16. Start reading