workbox
diff-so-fancy
Our great sponsors
workbox | diff-so-fancy | |
---|---|---|
31 | 22 | |
12,102 | 17,083 | |
0.8% | 0.6% | |
6.5 | 7.1 | |
about 23 hours ago | 14 days ago | |
JavaScript | Perl | |
MIT License | MIT License |
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.
workbox
-
A deep-dive on a Progressive Web App implementation for a React-based App Platform (DHIS2)
We use the Workbox library and its utilities as a foundation for our service worker.
- Workbox: JavaScript Libraries for Progressive Web Apps
-
are PWA supposed to work offline ?
Btw, Workbox is effectively deprecated now. The dev in charge of it left Google for a real company 6+ months ago and no one has filled his shoes. The other day, the lady who is "maintaining" it now finally acknowledged that nothing is going to happen to it any time soon. https://github.com/GoogleChrome/workbox/issues/3149
- New React docs pretend SPAs don't exist anymore
-
[AskJS] technology stack for PWA, ServiceWorker and offline first web app?
Start from the https://github.com/GoogleChrome/workbox
- How to make your website work offline
-
Allowing users to fully cache a website for offline use?
Look into Workbox if you're okay writing code for that or Progressier otherwise.
-
Service Worker Caching Strategies
If you want to try some of these patterns, you can use the https://developers.google.com/web/tools/workbox library that provides all the features out-of-the-box.
-
Vite in the browser
Here is an example using workbox.
-
Custom Service Worker Logic in Typescript on Vite
I recently had a tiny website project which I wanted to make available offline. This is achieved by adding a Service Worker. And thanks to projects like workbox, getting basic functionality like caching for offline-use is fairly easy to set up.
diff-so-fancy
-
Difftastic, a structural diff tool that understands syntax
The diff itself is impressive, but in terms of styling I still prefer diff-so-fancy[1]. It's easier to read at a glance.
[1]: https://github.com/so-fancy/diff-so-fancy/
-
How to improve the readability of diffs? Preferably in Terminal, but a desktop application would be acceptable too
I don't have much hope for this being improved anytime soon in diff-so-fancy given this issue, so I'm wondering if there's something else I can use in Terminal that would allow me to have an experience like GitLab. If that's not possible and I have to rely on a desktop application, that would be acceptable too.
- How to see word-diff and moved lines?
-
Git Learnt
This is actually one that's really easy to write and remember but I hate typing and I run it all the time, so I've aliased it down to gd for git-diff. Also I use diff-so-fancy to make the output of my diffs look frickin sweet and I suggest you do the same.
-
diff: can I increase highlighting of a file name?
I recommend a tool like diff-so-fancy with some custom colors. You will never want to go back to vanilla diffs.
-
TIL: diff-so-fancy; and some funky git config
I just discovered diff-so-fancy, and very nice it is too. I immediately added it to my standard git config, which is semi-automatically installed on every machine I use. However, I've not (yet) installed diff-so-fancy on all the machines I use, and for those platforms for which it's not packaged I probably won't bother installing it from source.
-
Suggestion on how to set up neovim as a diff/merge tool for git with dir-diff in mind
I recently switched to diff-so-fancy for use in the terminal with the following configuration:
-
Let's add Git userdiff defaults for Perl and Perl 6
As the primary author of diff-so-fancy, which is entirely Perl, I fully support this endeavor.
-
A Better Git Diff with Delta
Instead of delta https://github.com/dandavison/delta (shown in the previous video), I've also used diff-so-fancy https://github.com/so-fancy/diff-so-fancy and I've heard difftastic is good as well https://github.com/Wilfred/difftastic Do you use one of those or something else?
-
Post your favorite programs
diff-so-fancy - syntax highlighting for diffs, including highlighting just the part of the line that changed: diff -ru ... | diff-so-fancy | less -R
What are some alternatives?
Socket.io - Realtime application framework (Node.JS server)
delta - A syntax-highlighting pager for git, diff, and grep output
comlink - Comlink makes WebWorkers enjoyable.
vim-gitgutter - A Vim plugin which shows git diff markers in the sign column and stages/previews/undoes hunks and partial hunks.
redux - A JS library for predictable global state management
git-split-diffs - Syntax highlighted side-by-side diffs in your terminal
lighthouse - Automated auditing, performance metrics, and best practices for the web.
git-extras - GIT utilities -- repo summary, repl, changelog population, author commit percentages and more
vite - Next generation frontend tooling. It's fast!
vscode-angular-snippets - Angular Snippets for VS Code
angular-styleguide - Angular Style Guide: A starting point for Angular development teams to provide consistency through good practices.
normalizr - Normalizes nested JSON according to a schema