react-canvas
treenotation.org
react-canvas | treenotation.org | |
---|---|---|
7 | 7 | |
13,126 | 16 | |
0.0% | - | |
0.0 | 0.0 | |
over 1 year ago | almost 3 years ago | |
JavaScript | JavaScript | |
BSD 3-clause "New" or "Revised" 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.
react-canvas
-
Interview with Senior JavaScript Developer 2024 [video]
> Building an accessible canvas-based UI with a React-like API would make a lot more sense for SPAs
https://github.com/Flipboard/react-canvas
React is the Simpsons of web tech.
-
Shadow: New browser engine made almost in JavaScript
Flipboard's react-canvas
https://github.com/Flipboard/react-canvas
-
How can I use Fabric.js with React?
There seems to be also a canvas library for React, called react-canvas, but it seems lacking a lot of features compared to Fabric.js.
-
Google Docs will move to canvas based rendering instead of DOM
I remember Flipboard using canvas to render their UI before using react, which has the same idea, you can look at the repo and their post about it:
https://github.com/Flipboard/react-canvas
-
Using KonvaJS as canvas with React
React Canvas
-
Is it possible on react native ???
You can also try using Canvas element in react https://github.com/Flipboard/react-canvas
-
Any js game library where I can use react ?
I'm confused, there is react-canvas. Does it just not work very good?
treenotation.org
-
Jevko: a minimal general-purpose syntax
> concatenating them changes the label for [b] from "a" to "z\na", and perhaps more damningly, erases the whitespace before "z". But, since none of the alternative formats (except ndjson and I guess plain uninterpreted binary, ASCII, or Unicode) is closed under concatenation, maybe that's less important.
Yes, being closed under concatenation is a feature I was aiming for and it indeed does bring with it this issue.
Just something to have in mind when devising formats. A simple solution here is to disallow having anything other than whitespace in the suffix of a Jevko with > 0 children. Then, if a format converts these labels to keys in a map, trimming leading and trailing whitespace, there is no problem. This is how I did it here:
https://github.com/jevko/easyjevko.js
> I don't know if you saw the last time this topic came up I linked to https://ogdl.org/, which seems pretty close to a minimal rose-tree notation.
Yes, I've seen OGDL before. It's pretty nice. A similar one is https://treenotation.org/
I have experimented with indentation-based syntaxes myself, before settling on brackets.
I have found them to be problematic, at least because:
* For complex structures they become less compact.
* A grammar that correctly captures significant indentation can't really be written in pure BNF. The way OGDL does it is this:
[12] space(n) ::= char_space*n ; where n is the equivalent number of spaces (can be 0)
-
Syntax Design
This reminds me a bit of Breck Yunits' Tree Notation (https://treenotation.org/). Both seem to have a ~totalizing energy. Maybe some common cause. :)
-
ELI5
Hi, I'm a programmer and I've used quite a few different languages in my career. I've never studied compilers or language design, however it has always interested me from afar. Also I've always had a strong preference for simple syntax, what sane person wouldn't? Anyway I've scanned over the https://treenotation.org/ site. I get the general gist, that this provides a tool to easily create languages that use tree notation. Unfortunately I still don't really understand how to use it. If there was tutorial that held your hand that would be really useful. I suspect there a large number of people like myself that would benefit from this. Perhaps at some point I'll role up my sleeves and do it myself, but I'm sure someone else could do a better job.
-
Google Docs will move to canvas based rendering instead of DOM
> The way to fix this trend would be to reimagine the presentation layer of the browser as something other than a stack of hacks over hypertext, but so far nobody seems to have a good solution.
About a decade ago I had the start of a Eureka moment on how to do this (back then — https://medium.com/space-net/spacenet-51aca95d49a2, nowadays https://treenotation.org/). It seems to me we've missed a sort of fundamental universal notation of the universe, which you can think of as "two-dimensional binary". I predict we will soon see a Cambrian Explosion of new formats and notations that are simpler and more interoperable with each other, and some will have the opportunity to build new great languages for rendering stacks.
-
Zig, Parser Combinators – and Why They're
Awesome app. Do you plan on using it for anything in particular? Or are you just creating it as a passion project. It's totally cool.
Learning about https://treenotation.org/ (linking this for other people, not for you, Breck :P), and I like what I see. My first impression was "Lisp, but with python indenting"
> We no longer need to store our data in error prone CSV, XML, or JSON. Tree Notation gives us a simpler, more powerful encoding for data with lots of new advanced features
This is the one thing I didn't understand! Tree notation seems equivalent to these. Like at a certain level, it's all just data. Now, the major benefit is that you're supposed to think differently about what you're doing when using tree notation. Would love to hear your opinion about this conjecture.
-
The Pretty JSON Revolution
Lots of code examples here: https://jtree.treenotation.org/designer/
And the source for that homepage is here: https://github.com/treenotation/treenotation.org
Always open to PR!
What are some alternatives?
PixiJS - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
x-spreadsheet - The project has been migrated to @wolf-table/table https://github.com/wolf-table/table
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
binary-experiments - Experiments with various binary formats based on Jevko.
React Konva - React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
markup-experiments - A collection of experiments with Jevko and text markup.
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
zhp - A Http server written in Zig
JsBarcode - Barcode generation library written in JavaScript that works in both the browser and on Node.js
easyjevko.lua - An Easy Jevko library for Lua.
xabber - Root project for all Xabber related software projects