mobx-jsx
asciinema
mobx-jsx | asciinema | |
---|---|---|
5 | 104 | |
254 | 13,275 | |
- | 1.6% | |
0.0 | 9.6 | |
over 1 year ago | 8 days ago | |
TypeScript | Rust | |
MIT License | GNU General Public License v3.0 only |
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.
mobx-jsx
-
A (Mostly) Complete Guide to React Rendering Behavior
Tangentially, Solid is fascinating - especially the dom-expressions backend meaning you can basically bolt compilation behaviour into anything that supports that.
I have https://github.com/ryansolid/mobx-jsx/?tab=readme-ov-file#mo... on my list to try since I -really- like mobx for stage management (especially mobx-keystone) and am fascinated by how clean the results can be.
Though for 'real' code I still tend to default to react + mobx-keystone because for all my gripes with react it's a pretty solid Schelling Point.
-
State of JSX in JavaScript Frameworks
Sure, you can use JSX without a framework! Be it MobX JSX, dom-chef or jsx-dom, it should feel right at home.
-
Exploring Frontend Frameworks' Internals – Part 1: The basic structure of Frontend frameworks + Vue 3’s reactivity
mobx-jsx is using MobX as the reactivity system together with Solid's DOM renderer.
-
Building data-centric apps with a reactive relational database
I've just skimmed the article but I'm definitely going to give it a proper read.
We've built an architecture somewhat like this where we're using MobX objects in the frontend (a graph of the db objects effectively) that's patched by subscriptions to tables via hasura. So we effectively have all the data on hand locally all the time and use the reactivity on top of that.
We actually played around with sqlite in wasm because I really really miss having a real relational db in the frontend. We decided that there was just a few too many unknowns to proceed further with the idea. Initially we were using indexdb as a frontend cache but dropped that since without adding more layers to it it doesn't provide much value.
(Also played around with using Solid's direct mobx -> jsx library without having react inbetween https://github.com/ryansolid/mobx-jsx but, again, too much unproven tech to build on).
The work you're doing here is super exciting. The developer experience of what we currently have is pretty nice and I can definitely see your model working out well in the future.
-
4x Smaller, 50x Faster
I've been keeping an eye on your work for a long time now. We're a mobx shop so I was hoping to see you explore the ideas you had around that a little more (https://github.com/ryansolid/mobx-jsx).
I like and know where I'm at with React, but bringing a beginner through it recently definitely made me re-appreciate how nuanced it is. Also, you have to do a bit of voodoo to get good performance, and when you do the intention of the code vanishes pretty quickly.
For someone using React on top and mobx stores in the background (50k LOC), how big of a task would you say it is to move to something like Solid?
asciinema
-
How do people create those sleek looking demos for startups?
https://asciinema.org/
We use this for really nice terminal only demos. Highly recommend even though there are some minor rendering issues if you are using special fonts.
-
Asciinema 3.0 will be rewritten in Rust
Incorrect link. Just goes to the list of open requests.
Here is a ticket which mentor the rust rewrite, perhaps this was what was intended: https://github.com/asciinema/asciinema/pull/579
-
Ask HN: Who wants to be hired? (February 2024)
Location: Europe
Remote: Yes
Willing to relocate: No
Technologies: Rust, Elixir, Nix(OS), WASM, AWS
Résumé/CV: Available upon request
Github: https://github.com/ku1ik
Open-source: creator of https://asciinema.org, contributor and maintainer of many other projects (see Github profile)
Email: hnhire /at/ defn /dot/ 33mail /dot/ com
20 years of professional experience. I enjoy anything backend related, e.g APIs, profiling and solving performance problems, building high performance, low-latency network solutions, among many other things.
-
[2023 Day 8 (Part 2)] The slot machine way!
This might be a good usecase for https://asciinema.org/
- Asciinema: Record and share your terminal sessions, the simple way
-
Show HN: Hackreels – Animate your code in HD
I do quite a lot of this kind of stuff for my job. Some context that may be useful.
Often the full IDE is needed. I record a lot of gifs of VSCode, where part of the gif is typing code, part is interacting with the rest of the IDE / terminal - perhaps to run the code and view the output.
For me the killer app would be one which could pre-record keystrokes (and maybe mouse actions) so that I could do them error free. I often attempt a gif 10 times before I'm happy with the outcome.
I don't personally love the transition animation. I would want the option for something that seems like it's being typed.
The closest tools I've found are:
Typewriter VSCode extesion: Allows you to copy text and then "types" it out for you. https://marketplace.visualstudio.com/items?itemName=dansilve...
Ascii Cinema: https://asciinema.org/
- Short form video
What are some alternatives?
shadow-cljs - ClojureScript compilation made easy
terminalizer - 🦄 Record your terminal and generate animated gif images or share a web player
asciinema-player - Web player for terminal session recordings
TabNine - AI Code Completions
Fable: F# |> BABEL - F# to JavaScript, TypeScript, Python, Rust and Dart Compiler
nerd-fonts - Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more
MobX - Simple, scalable state management.
OSCP-Exam-Report-Template-Markdown - :orange_book: Markdown Templates for Offensive Security OSCP, OSWE, OSCE, OSEE, OSWP exam report
vite-plugin-solid - A simple integration to run solid-js with vite
jsx-vue2 - monorepo for Babel / Vue JSX related packages
telescope-repo.nvim - 🦘 Jump into the repositories (git, mercurial…) of your filesystem with telescope.nvim, without any setup