|1 day ago||6 days ago|
|Apache License 2.0||Apache License 2.0|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Where can I learn the best practices?
1 project | reddit.com/r/Frontend | 2 May 2022
Bad Habits of Mid-Level React Developers
I made a web app for creating custom meal plans faster: calories-in.com
8 projects | reddit.com/r/SideProject | 19 Dec 2021
How would you have answered this front-end interview question?
1 project | reddit.com/r/Frontend | 15 Dec 2021
Yes! I really enjoy the Web Fundamentals series on Web.Dev (used to be HTML5 Rocks). I'm not as familiar with Mozilla resources, but I assume they have similar guides.
Late Night Random Discussion Thread - 29 October, 2021
1 project | reddit.com/r/indiasocial | 30 Oct 2021
Also go thru this: https://developers.google.com/web/fundamentals its a collection of docs on best practices in frontend.
Journey of a web page - How browsers work
1 project | dev.to | 19 Jul 2021
What are the best free resources for learning to be a full stack dev?
3 projects | reddit.com/r/learnprogramming | 3 Jul 2021
Free resources(I dont think you can learn everything at one place, full stack development covers too many topics): https://www.w3schools.com/ https://web.dev netninja and fireship on youtube https://github.com/topics/epicreact-dev https://zerotomastery.io/resources/ https://digitalocean.com/community/tutorials https://developers.google.com/web/fundamentals
An introduction to improving pageload speed.
2 projects | dev.to | 15 Apr 2021
Google's Web Fundamentals covers performance, amongst other things.
10 GitHub repos you need to know as a web developer
10 projects | dev.to | 13 Apr 2021
7. Web Fundamentals - Best practices for modern web development.
Can you guys tell me why my website is soooo slow?
1 project | reddit.com/r/webdev | 4 May 2022
As you said, there are a few huge images that aren't optimized. You can use tools like Google Lightouse or Koalati to detect potential issues and find things that can be improved.
Întrebare legată de Web Semantic
1 project | reddit.com/r/programare | 12 Apr 2022
Astea au și tool-uri de validare destul de bine puse la punct: https://developers.google.com/search/docs/advanced/structured-data + https://wave.webaim.org/ sau https://www.accessi.org/ sau chiar https://developers.google.com/web/tools/lighthouse/
Watching your Core Web Vitals on Jamstack
4 projects | dev.to | 8 Apr 2022
Lighthouse tests are a helpful method to measure your web vitals — you can run Lighthouse tests from Chrome DevTools, via the Lighthouse Chrome Extension, or in the command line:
Building an offline-first application with Node.js and SQLite
3 projects | dev.to | 8 Apr 2022
Now let's check if we properly set up our PWA using a Google Lighthouse check. Right-click on your browser and select "inspect." On the inspect tabs, select lighthouse and click on generate report. If everything went well with your application, you should see an output like the one in the screenshot below:
Show HN: Datagridxl2.js – No-nonsense fast Excel-like data table library
8 projects | news.ycombinator.com | 5 Apr 2022
Lighthouse  Accessibility audit/ scores can be a good tool to check A11Y issues automatically, and it is fairly easy to integrate into your CI/CD Pipelines to get the report automatically to check for issues/ regression.
The web accessibility world is complex enough that simulating different methods of access like using screen readers or different font-sizes and doing manual tests for compliance is not particularly feasible if you want to make your content accessible to all.
How I massively improved my website performance by using the right tool for the job
4 projects | dev.to | 30 Mar 2022
Performance was compared between the Next.js site and Eleventy site using three free tools: Google Lighthouse, web.dev/measure and Web Page Test. Lighthouse tests were run in Brave Browser dev tools, Web Page Test runs were conducted via the web app using the London, UK - EC2 server, and web.dev tests were conducted in the browser. Given that I advocate for mobile-first development — and that's where performance is most likely to be impacted given the unpredictable speed of mobile data — all tests were conducted in an emulated mobile environment using a medium 3G network speed, on iPhone 6/7/8.
Tips Before Moving Laravel App to Production
3 projects | dev.to | 28 Mar 2022
Programmatic SEO with Next.js
5 projects | dev.to | 27 Mar 2022
The next step would be to fine-tune our SEO scores for those pages, which can be done via Lighthouse.
Is there such a thing as "too much divs"?
1 project | reddit.com/r/webdev | 25 Mar 2022
It's on github
Frontend Testing: No more Unit/Integration/E2E categorizations and priorities
5 projects | dev.to | 20 Mar 2022
This name is already self-explanatory, and developers just need to run Lighthouse or its CI.
What are some alternatives?
axe-core - Accessibility engine for automated Web UI testing
Vue Storefront - The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
lighthouse-ci - Automate running Lighthouse for every commit, viewing the changes, and preventing regressions
Turbolinks - Turbolinks makes navigating your web application faster
sveltekit-blog-mdx - SvelteKit MDX starter blog with MDsveX (Svelte in markdown)
TheAnnoyingSite.com - The Annoying Site a.k.a. "The Power of the Web Platform"
budibase - Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
Gantt chart for React.JS - dhtmlxGantt with ReactJS
InstantClick - InstantClick makes following links in your website instant.