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!
@gastonmorixe
Copy link

gastonmorixe commented Mar 21, 2018 •
edited

Use React.Portal and Fragment more :)

@ondoheer
Copy link

ondoheer commented Apr 29, 2018 •
edited

Work on schema using json-ld for the website/public areas of the SPA
Refactoring the HTML to semantically represent the content. Right now the Zapier HTML architecture could be improved
zapier-html-structure

@TerrenceLJones
Copy link

Insuring code is well-tested and best practices are being used

@chiptus
Copy link

chiptus commented May 31, 2018

merge code from one framework to another

@A-Kasaaian
Copy link

Implement All required changes based on UX test results or UX team documents in order improve UX.

@nishants
Copy link

  • Build styleguide by collaborating with designers, refactoring existing code and evangelizing among developers, publishing resuble components.
  • Collaborate with designers to come up with interactions designs that adds X-factor to user experience.
  • Build end to end tests for UI.

@annebilek
Copy link

  • Brainstorm ways to propagate a self-documenting, written, collaborative culture (eg. understanding prop definitions as the contract with component consumers) across team.
  • Identify measurable, achievable, incremental improvements as well as more seismic rearchitectural improvements

@tarek-eg
Copy link

Implement smarter data APIs across client and server (i.e., GraphQL) that minimize over-fetching.

@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