Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/simonepizzamiglio/awesome-frontend-resources

A curated collection of valuable resources for frontend developers.
https://github.com/simonepizzamiglio/awesome-frontend-resources

List: awesome-frontend-resources

Last synced: about 2 months ago
JSON representation

A curated collection of valuable resources for frontend developers.

Awesome Lists containing this project

README 

        
# Rendering on the web



The article provides insights and best practices for choosing the right rendering strategy based on the specific needs of a web application.



Link: https://web.dev/articles/rendering-on-the-web



# Rebuilding our tech stack for the new Facebook.com



It highlights the engineering challenges faced and solutions implemented to create a faster, more reliable, and feature-rich web experience for Facebook users.

It details the motivations behind the redesign, focusing on improving performance, maintainability, and user experience. The article outlines the transition to a modern tech stack, incorporating technologies like React, Relay, GraphQL, and a new server rendering architecture.



Link: https://engineering.fb.com/2020/05/08/web/facebook-redesign/



# Normalizing State Shape



Redux documentation that provides guidelines for designing a normalized state, organizing data, and handling relationships, often comparing this approach to database design principles.



Link: https://redux.js.org/usage/structuring-reducers/normalizing-state-shape



# Dissecting Twitter’s Redux Store



The article breaks down the structure and design choices, providing insights into best practices and optimizations used in a large-scale application like Twitter.



Link: https://medium.com/statuscode/dissecting-twitters-redux-store-d7280b62c6b1



# Evolving API Pagination at Slack



It discusses the evolution of their API pagination strategy to better serve their growing user base and improve performance.



Link: https://instagram-engineering.com/making-instagram-com-faster-part-1-62cc0c327538



# Making Facebook.com accessible to as many people as possible



It highlights Facebook’s ongoing efforts to prioritize accessibility in web development, aiming to create a more equitable and user-friendly experience for everyone using facebook.com.



Link: https://engineering.fb.com/2020/07/30/web/facebook-com-accessibility/



# Frontend System Design: Comprehensive Guide



In-depth exploration of designing frontend systems, aiming to equip developers with a comprehensive understanding of best practices and methodologies. It covers various aspects crucial to frontend development, including architecture patterns, performance optimization techniques, scalability considerations, and integration strategies.



Link: https://medium.com/@delawere2008/frontend-system-design-comprehensive-guide-80c58d531ee9



# Bringing A Healthy Code Review Mindset To Your Team



It discusses the importance of fostering a positive and constructive approach to code reviews within development teams.



Link: https://www.smashingmagazine.com/2019/06/bringing-healthy-code-review-mindset/



# patterns.dev



Free online resource on design, rendering, and performance patterns for building powerful web apps with vanilla JavaScript or modern frameworks.



Link: https://www.patterns.dev/



# Front-End Engineer YouTube channel



YouTube channel highlighting the frontend design systems of major applications such as Google Calendar, Google Sheets, Notion, Facebook News, etc.



Link: https://www.youtube.com/@FrontEndEngineer



# Web Performance 101



Introduction to modern web loading performance. Learn why performance is important, what performance optimizations exist, and which tools can help you understand if your app is performing well.



Link: https://3perf.com/talks/web-perf-101/



# Short basics of caching



Short article that talks about websites caching.



Link: https://iamakulov.com/notes/caching/



# Preload, prefetch and other  tags



Article that discusses link tags.



Link: https://3perf.com/blog/link-rels/



# WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport



Comparison and recommendations for server-to-client communication technologies for real-time web applications, highlighting performance, benefits, limitations, and use cases for Long-Polling, WebSockets, Server-Sent Events, WebTransport, and WebRTC.



Link: https://rxdb.info/articles/websockets-sse-polling-webrtc-webtransport.html