Our great sponsors
- Appwrite - The Open Source Firebase alternative introduces iOS support
- CodiumAI - TestGPT | Generating meaningful tests for busy devs
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
- InfluxDB - Access the most powerful time series database as a service
|6 days ago||6 days ago|
|Apache License 2.0||Mozilla Public 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.
7 Proven Practices to Boost Development Speed and Project Quality
8 projects | dev.to | 27 Mar 2023
When we implemented the MVP of the fintech app, we had a quite complicated form. At that time, I was still young and inexperienced. And eventually, we realized that our project was slowing down. We had to spend additional hours figuring out the reason. We had many unnecessary re-renders because we ignored basic rules related to props in React. I wanted to do everything possible to avoid such situations in the future. So, I added to the project linters like this and an additional starting configuration to package.json to run why-did-you-render. In short, this plugin issues a warning if something is re-rendered unnecessarily and suggests how to avoid it. Also, we included running Lighthouse in headless mode. Some people say that premature optimizations are bad, but for me, it's a principle: do it right from the start.
Performance scores for Google Lighthouse/Insights seem to be very inaccurate
3 projects | reddit.com/r/webdev | 14 Feb 2023
There's a link to what they mean by mobile network there (https://github.com/GoogleChrome/lighthouse/blob/main/docs/throttling.md) and it says:
How to store your app's entire state in the url
17 projects | news.ycombinator.com | 9 Jan 2023
Here's the non-psuedo code equivalent that can leverage CompressionStream rather than using a browserified-gzip-library: https://github.com/GoogleChrome/lighthouse/blob/437eb4d757c5...
We use it in Lighthouse for the exact same purpose, a URL #hash full of state. We found that modern browsers support 10mb of data in the hash. https://github.com/GoogleChrome/lighthouse/pull/12509#discus...
Nightmare on Dev Street: Terrifying Situations to Make Your Spine Tingle
4 projects | dev.to | 27 Oct 2022
You can find out if your SaaS app is slowing down with Google Chrome Lighthouse. Lighthouse should be a staple in your monitoring because it lets you see the performance, accessibility, and SEO metrics related to your app's performance.
Why your website should be under 14kb in size
4 projects | news.ycombinator.com | 25 Aug 2022
Benchmarking Bun & Next against Deno and Fresh
4 projects | dev.to | 19 Aug 2022
Lighthouse: A tool developed by Google to measure a website’s performance using an average of six metrics.
Top 25 Tips for Building an EXTREMELY FAST Website!!!
9 projects | dev.to | 24 Jul 2022
Stop delaying. Share knowledge on a blog built with Eleventy.
7 projects | dev.to | 19 Jul 2022
Performance Using Lighthouse as a measurement tool, the blog should score 100 on all criteria.
How do you test a website?
4 projects | reddit.com/r/webdev | 5 Jul 2022
For implementation testing (e.g. WCAG 2.1 compliance, performance, best sec practices) there are checkers like webhint, lighthouse, and Pa11y.
Improving performance in a hierarchical SQL table structure with column propagation
2 projects | dev.to | 2 Jun 2022
The website should score 80+ in performance, SEO, and accessibility in Google Lighthouse tests. Plus, the load time should always be less than 2 seconds and ideally in the order of a few hundreds of milliseconds. The real challenge lies here, since the website consists of more than 2 million pages, and pre-rendering them all will take weeks. Also, the content shown in most of the pages is not static. Thus, we opted for an incremental static regeneration approach. When a visitor hits a page no one ever visited, Next.js generates it with the data retrieved from the APIs exposed by the backend. Then, Next.js caches the page for 30 or 60 seconds, depending on the importance of the page.
Como adicionar recursos de acessibilidade em um site?
2 projects | reddit.com/r/brdev | 12 May 2023
Is siteimprove legit?
2 projects | reddit.com/r/accessibility | 4 May 2023
Testing Web Components with @web/test-runner
4 projects | dev.to | 16 Mar 2023
Not only does the Open Web Components project provide the generator that we are basing our web component on in this conversation, but they also vend Chai A11y aXe which binds axe-core with Chai assertions for easy consumption in the @web/test-runner environment. This means that you can use the industry standard accessibility testing engine to confirm the accessibility of your web component at unit test time. This looks like the following:
What part of Frontend you don't like doing, but have to do it?
4 projects | reddit.com/r/Frontend | 7 Mar 2023
I would recommend getting a tool like axe and hooking it into your testing workflow. It'll catch a lot of stuff and tell you exactly how to fix it, the more you use it the more you'll remember to do during the first pass.
Automated Accessibility Part 3: Regression Tests
3 projects | dev.to | 6 Mar 2023
Automated libraries such as axe-core and pA11y have been a very seamless way to bring accessibility testing into development teams UI testing. It can get development teams to begin to learn and grow accessibility in their teams. However, one big problem has appeared since the rise in popularity of these libraries.
Does anyone else experience pure ecstasy when they get 100 on Lighthouse? 😩
5 projects | reddit.com/r/webdev | 28 Feb 2023
but no, this
A Practical Approach to Automated Accessibility
4 projects | dev.to | 14 Feb 2023
Axe-core - Axe-core is one of the most popular libraries that has MANY different integrations into testing frameworks
Don't overlook accessibility: Why it's crucial for website development
2 projects | dev.to | 22 Jan 2023
aXe - The Standard in Accessibility Testing from deque (free)
About a11y in general
2 projects | dev.to | 21 Jan 2023
https://www.deque.com/axe/ - Axe tool has convenient browser extension for accessibility testing (also, you can use Axe with Jest).
Seeking feedback on personal project: Website for small business
2 projects | reddit.com/r/learnprogramming | 15 Dec 2022
The color scheme works well, and more importantly, it looks to be accessible to those with any of the variations of color-blindness by still being readable. If you ever want to check this, as it's important in User Experience (UX) design - you can with this website. You can also check out libraries like axe-core to incorporate accessibility checks into your development pipeline.
What are some alternatives?
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
pa11y-ci - Pa11y CI is a CI-centric accessibility test runner, built using Pa11y
Playwright - Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
Turbolinks - Turbolinks makes navigating your web application faster
lighthouse-ci - Automate running Lighthouse for every commit, viewing the changes, and preventing regressions
pa11y - Pa11y is your automated accessibility testing pal
unlighthouse - Scan your entire site with Google Lighthouse in 2 minutes (on average). Open source, fully configurable with minimal setup.
sveltekit-blog-mdx - SvelteKit MDX starter blog with MDsveX (Svelte in markdown)
budibase - Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀
CodeceptJS - Supercharged End 2 End Testing Framework for NodeJS
Gantt chart for React.JS - dhtmlxGantt with ReactJS