til
Quasar Framework
til | Quasar Framework | |
---|---|---|
20 | 159 | |
976 | 25,228 | |
- | 0.5% | |
9.5 | 9.9 | |
9 days ago | 8 days ago | |
HTML | JavaScript | |
Apache License 2.0 | 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.
til
-
Duty to Document
> If you learn something the hard way, share your findings with others. You have blazed a new trail; now you must mark it for your fellow travellers. Sharing knowledge is an unreasonably effective way of helping others.
This is a really nice philosophy. It's one of the reasons why I have my https://til.simonwillison.net TIL site - any time I search for something and can't find the answer is a hint that there's a tiny gap in the internet which I can help fill.
-
Collection of "Today I Learned" notes
Hosting these on GitHub is such a good idea:
- GitHub have world class backups - commit something there and it gets replicated to data centers on three continents (I believe) - and a free public repo there won't vanish if you forget to update an expired credit card
- Related: GitHub is free. I care about this not because of not wanting to pay now, but because I don't want my content to be at risk if I forget to pay in the future (or can't pay for whatever reason)
- GitHub has several great web UIs for editing content, in addition to being able to edit in any other tool that supports the git protocol
- GitHub Actions makes it possible to add all sorts of automations on top of your notes, again for free. I use that to deploy my custom https://til.simonwillison.net site (mainly to give myself search)
- GitHub's own search is pretty good though!
- You can also use GitHub Pages if you just want a custom static site version of your notes.
- if someone spots a typo in your notes they can submit a PR to fix it!
-
Building a Blog in Django
That's awesome. Parts of that sound a little bit like how my https://til.simonwillison.net/ site works.
-
Write about what you learn. It pushes you to understand topics better
I started publishing "TIL" posts a few years ago and everything in this post here resonated 100% with my experience of writing those.
The great thing about TILs is that once you form a solid set of habits around them they can be extremely quick to put together: the majority of my TIL posts take between 15 minutes and half an hour to write.
I make extensive personal notes on everything I'm doing (in GitHub issues threads or VS Code scratch documents) - turning those into a TIL is mainly about pasting those notes into a Markdown file and tidying them up a bit.
https://til.simonwillison.net/ is my collection so far.
I get a huge amount of value out of these. I don't particularly care if other people read them, the value is in helping me better understand the material and enabling me to refer back to them in the future.
I refer to some of them multiple times every week! This one for example: https://til.simonwillison.net/python/pyproject
-
Stopping at 90%
I've started to consider "commit to writing about it" as the price I have to pay for giving into the lure of another project. It's one of the main reasons I publish so much content on https://simonwillison.net/ and https://til.simonwillison.net
A project with a published write-up unlocks so much more value than one which you complete without giving others a chance of understanding what you built.
I've maintained internal blogs (sometimes just a Slack channel or Confluence area) at previous employers for this purpose too.
-
Show HN: ChatLLaMA – A ChatGPT style chatbot for Facebook's LLaMA
https://github.com/simonw/til/blob/main/llms/llama-7b-m2.md
-
Datasette is my data hammer
I'm definitely keen on suggestions for improvements I can make to the default UI.
Datasette provides both a JSON API (easily enabled for CORS access) and supports custom templates, so it's possible to customize the UI any way you like.
So far I've not seen many examples of extensive customization. I use the custom templates a lot myself - these four sites are all just regular Datasette with some custom templates:
- https://datasette.io/
- https://til.simonwillison.net/
- https://www.niche-museums.com/
- https://www.rockybeaches.com/us/pillar-point
Source code is on GitHub for all four.
-
Automating screenshots for the Datasette documentation using shot-scraper
I have trouble answering this question myself, and I created it!
The problem I have is that it can be applied to too many different problems.
I personally have used it for the following (a truncated summary):
- Publishing data online to allow other people to explore it, for example https://scotrail.datasette.io and https://russian-ira-facebook-ads.datasettes.com/
- Building websites, by combining it with custom templates. https://datasette.io and https://www.niche-museums.com and https://til.simonwillison.net are three examples
- Building my own combined search engine over a bunch of different data. https://github-to-sqlite.dogsheep.net is this for my GitHub issues and commits and issue comments across 100+ projects
- Similarly, building a code search engine across multiple repos (partly to demonstrate how far you can go with custom plugins): https://ripgrep.datasette.io
- Any time I have a CSV file I open it in the Datasette Desktop macOS app first to start exploring it: https://datasette.io/desktop
- As a prototyping tool. It's the fastest way I know of to get from some data files (CSV or JSON) to a working JSON API - and a GraphQL API too using this plugin: https://datasette.io/plugins/datasette-graphql
- Messing around with geospatial data - here's a write-up of my favourite experiment with that so far: https://simonwillison.net/2021/Jan/24/drawing-shapes-spatial...
This is a bewilderingly wide array of things! And I keep on finding new problems I can apply it to:
Of course, if all you have is a hammer, everything looks like a nail. But thanks to the plugin system (and the amazing flexibility of SQLite under the good) I can reshape my hammer into all sorts of interesting shapes!
I've been trying to capture some of this at https://datasette.io/for
This is one of my biggest marketing challenges for the project though. If someone asks you for an elevator pitch you need to do better than spending 15 minutes talking through a wide ranging bulleted list!
- Simon Willison's cool categorised TIL page
-
Ask HN: How to remember technical topics which you don’t use/refer everyday?
Make notes, in private and in public.
I have a private "notes" repo on GitHub where I keep notes in the issues (the repo itself is empty). Any time I'm trying out a new piece of software I open an issue there, then add notes on the issue comments as I figure things out.
I use GitHub issues because they have excellent backups and they show up on GitHub search - plus there's a really good API which I use to periodically export and backup my note elsewhere.
If something fits. I'll turn my notes into a TIL and publish them on https://til.simonwillison.net - that site uses the markdown format as GitHub issues, so publishing a TIL that started out as an issue comment only takes me a few minutes.
Quasar Framework
-
Show HN: Quasar Prime: Vue.js Admin Template
What does this bring that the Quasar framework doesn’t already? This sure looks like an ad for a barely preconfigured quasar template—but it’s impossible to tell.
https://quasar.dev/
-
Ask HN: What framework/tools to use to build front end in 2023?
I'm for Vue/Nuxt. While reading React code is fine, I found it easy to shoot myself in the foot (causing circular effects or getting no reactivity) in a way Vue didn't. Vue feels more explicit. I like React's TSX for embedding HTML, but Vue's splitting of model and view appeals to me. I'm torn on that one.
Vue's ecosystem isn't as big, but it's an established framework. Both React and Vue feel easier to work with than Angular. RxJS is really cool, but also very comprehensive, making it difficult to keep the entire API in mind. At least for me, who only use it casually (used to use it more while at Google.) And on top of that, I have to know the Angular API. Angular used to be great for Material Design, but I nowadays there are MD packages for all systems.
Nuxt is for Vue what Next is for React: SSR and SSG. It adds auto-imports, which is nice. At this point, I see no reason to use Vue alone, since there's always something that can be pre-rendered. Perhaps the frontpage, or help pages. Since Vue itself provides entrypoints for SSR, Nuxt is more of a file-structure based router that just simplifies things. The documentation is a bit sparse on e.g. the difference between a plugin and a module, and I usually resort to navigating their source to understand things. That might not be everyone's cup of tea.
If what you're writing is a web app, there is also Quasar, built on top of Vue. Similar to Nuxt in that it ties in directory structure, build system and MVC framework. It is also a Material Design UI widget library. Their selling point is that you can build mobile apps, and web apps with the same library. I.e. like React Native. I felt it strays too far away from the core simplicity of Vue, unlike Nuxt, but it's no doubt a very capable framework.
Finally, I'm currently using PrimeVue as the UI widget/theming library on top of Vue. It's okay. :\ Switched to it when the Vue Bootstrap project decided to to support Vue 3 (or whatever the situation was.) I haven't come across anything that's actively broken or missing. The companion library PrimeFlex provides layout CSS. Annoyingly, they've decided to close GitHub FRs, and some (far from all) bugs, and just keep track of them internally. Makes it more dificult to communicate, but I don't know their reasoning behind it (they didn't respond when I asked.)
* https://vuejs.org/
* https://nuxt.com/
* https://vitejs.dev/
* https://primevue.org/
* https://primeflex.org/
* https://quasar.dev/
-
10 UI Libraries You Should Explore for Your Next Vue.js Project
3. Quasar Quasar is a versatile UI framework that allows you to build responsive websites, mobile apps, and desktop applications using a single codebase. It offers a wide range of components and utilities. Explore the Quasar website for more information.
-
Error: MiniflareCoreError [ERR_RUNTIME_FAILURE] when starting Cloudflare Pages locally with Wrangler
My project is a quasar project that’s served on port 8080. However, I keep getting the following error in the log:
-
An Overview of 25+ UI Component Libraries in 2023
Quasar: It does not consider itself a library, but more of a framework. That, in my eyes is a bit confusing as it is based on Vue, but the idea is that you can use it to create websites and apps, meaning it uses a CLI to generate different outputs for web, mobile, desktop, SPA (Single Page Apps), SSR (Server Side Rendering), and more.
- Nuxt UI is one of the best UI libraries out there
-
Virus (Rat) Help
What did you download? Anything to do with this? https://quasar.dev/
-
Advice for someone moving from Vue/Quasar
I am an amateur developer and I use exclusively Vue and Quasar (https://quasar.dev/) as my framework. This is a big hammer and any frontend dev looks like a nail to me.
-
What framework/library/language has the best docs you've ever seen?
Quasar - https://quasar.dev/ - makes getting into an opinionated Vue setup painless
-
What tools do you use to convert Vue.js SPA to mobile apps?
Check out https://quasar.dev/ :)
What are some alternatives?
nebuly - The user analytics platform for LLMs
vuetify - 🐉 Vue Component Framework
datasette - An open source multi-tool for exploring and publishing data
primevue - Next Generation Vue UI Component Library
datasette.io - The official project website for Datasette
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
org-roam-server - A Web Application to Visualize the Org-Roam Database
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
datasette-app - The Datasette macOS application
react-native - A framework for building native applications using React
til - Today I Learned: collection of notes, tips and tricks and stuff I learn from day to day working with computers and technology as an open source contributor and product manager
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.