Skip to content

Instantly share code, notes, and snippets.

@jdeal

jdeal/frontend-ranking.md Secret

Last active February 4, 2022 15:23
Show Gist options
  • Star 25 You must be signed in to star a gist
  • Fork 5 You must be signed in to fork a gist
  • Save jdeal/998b85db197ca82fe39e9d3cf40b9d23 to your computer and use it in GitHub Desktop.
Save jdeal/998b85db197ca82fe39e9d3cf40b9d23 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
frontend-ranking.md
  • Implement awesome animations that improve UX.
  • Implement and maintain build tools for JS/CSS/image/fonts/etc to improve DX.
  • Implement real-time syncing so that multiple browsers/devices keep changes in sync.
  • Implement server-rendered React so that we can render blog pages and single-page apps with the same code.
  • Implement an intelligent caching system that leverages local storage and/or IndexedDB.
  • Implement smarter data APIs across client and server (i.e., GraphQL) that minimize over-fetching.
  • Profile complex single-page apps to identify performance bottlenecks and implement improvements to metrics such as rendering frame rate, time to interactive, image optimizations, etc.
  • Refactor CSS while balancing the needs of designers and developers.
  • Refactor the codebase to better take advantage of functional concepts, static typing, or other overall improvements to the code.
  • Ensure accessibility standards are implemented across the product.
  • Guide the architecture and development of shared components, modules, and design patterns.
  • If you think we missed something important, add your own choice!
@KirankumarAmbati
Copy link

  1. Implement server-rendered React so that we can render blog pages and single-page apps with the same code.

  2. Refactor the codebase to better take advantage of functional concepts, static typing, or other overall improvements to the code.

  3. Guide the architecture and development of shared components, modules, and design patterns.

@SharanGoharKhan
Copy link

1- Hold a meeting discussing the coding standard and common approach to be used for a problem for example using flexbox for layouts etc.
2- Guide the architecture and development of shared components, modules, and design patterns.
3- Refactor the codebase to better take advantage of functional concepts, static typing, or other overall improvements to the code.

@levyadams
Copy link

You can do #2, #5, && #7 with my free boiler plate setup : https://github.com/levyadams/gulp-browserify-browser-sync :D

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment