Micro
yoga
Our great sponsors
Micro | yoga | |
---|---|---|
10 | 23 | |
10,528 | 16,905 | |
0.1% | 0.8% | |
0.0 | 9.5 | |
11 months ago | 6 days ago | |
TypeScript | C++ | |
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.
Micro
-
Vercel claiming credit for making Webpack
At the time we were listing projects like Hyper and Micro alongside our other better known ones. As those projects became less of a focus, I believe someone with good intentions in the team wanted to prioritize the ones we contribute to instead that are relevant to our frontend focus, and not confuse our audience.
-
How To Build a CLI With Node.js and React
micro: A library for asynchronous HTTP microservices.
-
🤔 Should I Use Gatsby or Next.js For My Next Project?
What is great about Next.js is the ability to create API Routes. This could be really useful in a lot of situations, especially if you have a sprawling REST API endpoint and want a minimal set of data returned from it, you could massage that data down to only the content you need on your frontend. In fact, Next.js has it's own express-like server-side framework called Micro.
- Confused about api routes and NEXT backend
-
Use nextjs purely as backend ;
That is an option. You could also opt to use the server micro that powers nextjs alone by itself https://github.com/vercel/micro , assuming you don't need to produce a frontend for it. I generally don't use nextjs api routes so I'm not sure what you'd lose/gain with that route though.
-
FaaS on Kubernetes: From AWS Lambda & API Gateway To Knative & Kong API Gateway
The function runtime is based on a fast, and lightweight HTTP library called micro. To use kazi, you first have to install it via npm. Run the command npm i -g @kazi-faas/cli to install it.
-
Goodbye Dockerfiles: Build Secure & Optimised Node.js Container Images with Cloud Native Buildpacks
You're going to build your first image using the pack CLI. Go to buildpacks.io/docs/tools/pack and follow the instruction for your OS to install it. You're going to create and deploy a Node.js web app that will return a string. Run the command below to create the project and install micro (an HTTP library for building microservices)
-
Use nextjs purely as backend?
I don't see what benefit it brings. You can use micro directly and save yourself from installing megabytes of dependencies. Next JS API routes are handled via micro.
- Despliega un servidor nodejs super ligero en repl.it
-
Deploy the tiniest nodejs server in repl.it
The wonderful team of vercel has exactly what we need to run this thing, it is package called micro. You can install it using the menu on the side bar. Click on the little icon that looks like a box, and then search for micro. Select the package and click the plus sign.
yoga
- Show HN: Dropflow, a CSS layout engine for node or <canvas>
-
Building Reddit’s Design System on iOS
We still wanted to leverage a layout engine that could be performant and easy-to-use. After doing some performance testing with native UIKit, Autolayout, and a few other third-party options, we ended up bringing FlexLayout into the mix, which is a Swift implementation of Facebook’s Yoga layout engine. All RPL components utilize FlexLayout in order to lay out content fast and efficiently. While we’ve enjoyed using it, we’ve found a few touch points to be mindful of. There are some rough edges we’ve found, such as utilizing stack views with subviews that use FlexLayout, that often come at odds with both UIKit and FlexLayout’s layout engines.
-
We're building a browser when it's supposed to be impossible
We have our own test suite (orginally derived from the test suite of Meta's Yoga layout library [0]) which consists of text fixtures that are small HTML snippets [1] and a test harness [2] that turns those into runnable tests, utilising headless chrome both to parse the HTML and to generate the assertions based on the layout that Chrome renders (so we are effectively comparing our implementation against Chrome). We currently have 686 generated tests (covering both Flexbox and CSS Grid).
We would like to utilise the Web Platform Test suite [3], however these are not in a standard format and many of the tests require JavaScript so we are not currently able to do that.
[0]: https://github.com/facebook/yoga
[1]: https://github.com/DioxusLabs/taffy/tree/main/test_fixtures
[2]: https://github.com/DioxusLabs/taffy/tree/main/scripts/gentes...
[3]: https://github.com/web-platform-tests/wpt/tree/master/css/cs...
-
minimax — minimalist 3D game engine in Clojure
The "engine" is built on top of amazing https://www.lwjgl.org/ and https://github.com/bkaradzic/bgfx/, and UI system is baked by https://github.com/memononen/nanovg and https://github.com/facebook/yoga
- Show HN: Taffy – CSS Grid (+Flexbox) as a Library
-
React vs React Native: How Different Are They, Really?
React Native uses the Yoga engine under the hood, which allows you to use CSS properties to layout your React Native UI in a way that translates really well. Layout in Yoga is limited to Flexbox and absolute/relative positioning, however; there is no CSS grid and no display attribute. This keeps things simpler and more performant, but if developers are accustomed to using other layout techniques on the web, they’ll need to adjust to this new limitation.
- When dealing with UI, does any of you uses glViewport to layout your elements in the correct place?
-
Taffy 0.2 Release: Blazing Fast UI Layout in Rust. Now with `gap`!
PR #246 is super interesting to check out: by fixing the caching strategy, we were able to eliminate an exponential time (with respect to tree depth) performance penalty, and get comparable speeds for flat and deeply nested layouts (something I'd never expected to be possible). Preliminary benchmarks shows us significantly faster than yoga, Meta's C++ library for the same thing, especially on deep trees. Not too shabby for a tiny team of volunteers!
-
How To Build a CLI With Node.js and React
You're going to build the CLI using Ink, a React component-based library for building interactive CLIs. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Ink as well. Ink is simply a React renderer for the terminal, so all the React features are supported. No need to learn a new syntax specific to Ink.
-
Show HN: Satori – Convert HTML and CSS to SVG in Milliseconds
Interesting.
I was thinking that this was going to be a crazy amount of layout engine work, but now I look a little closer it appears the layout work is farmed out to yoga [0] (not trying to take away anything from the effort here). So this project is almost a wrapper around running yoga as a renderer and using SVG as a form of backend target?
I say "appears" because the yoga landing page doesn't do a great job of explaining what it does.
[0] https://github.com/facebook/yoga
What are some alternatives?
Express - Fast, unopinionated, minimalist web framework for node.
react-native-skia - High-performance React Native Graphics using Skia
fastify - Fast and low overhead web framework, for Node.js
hermes - A JavaScript engine optimized for running React Native.
Moleculer - :rocket: Progressive microservices framework for Node.js
react-native-skia - Cross platform React Native solution to draw graphics based on Skia
Koa - Expressive middleware for node.js using ES2017 async functions
stretch - High performance flexbox implementation written in rust
Nest - A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
taffy - A high performance rust-powered UI layout library
seneca - A microservices toolkit for Node.js.
react-navigation - Routing and navigation for your React Native apps