marko
Jade
Our great sponsors
marko | Jade | |
---|---|---|
40 | 38 | |
13,090 | 21,495 | |
0.6% | 0.2% | |
9.5 | 0.0 | |
about 7 hours ago | 25 days ago | |
JavaScript | JavaScript | |
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.
marko
-
The Best UI Libraries for Cross-Platform Apps with Tauri
SolidJS and Tauri form another potent combination for creating performant, lightweight, and secure experiences. SolidJS is a reactive UI library that is similar to Svelte in the way it compiles away reactivity and updates the DOM directly, but it also incorporates a fine-grained reactivity system reminiscent of libraries like Marko, Knockout, and MobX.
- Mudanças na DevPT
- FLiP Stack Weekly for 06 February 2023
- Marko: An HTML-Based Language
-
The Qase for Qwik: Love At First TTI
Marko is a huge leap in the right direction. It has streaming, partial hydration, a compiler that optimizes your output, and a small runtime. I’ve also heard through the grapevine that Marko V6 also adds resumability to the framework as well.
-
Movies app in 7 frameworks - which is fastest and why?
Nevertheless, the future of JS frameworks is exciting. As we’ve seen from the data, Astro is doing some things right alongside Qwik. However, more noteworthy frameworks such as Marko and Solid are also paving the path forward with some similar traits and better performance benchmarks. We’ve come back full circle in web development - from PHP/Rails to SPAs and now back to SSR. Maybe we just need to break the cycle.
-
Repeating Navigation, Header, and Footer in CSS and HTML?
If you want more, take a look on Marko, fresh, qwik or pug. Dind't tested yet but they look like same as Nunjucks.
-
Client-side Routing without the JavaScript
And that is a similar feeling to the exploration we've been doing recently. Inspired equal parts from React Server Components and Island solutions like Marko and Astro, Solid has made it's first steps into Partial Hydration.
-
Astro 1.0
I haven’t done any serious work with either, but I’ve been following both closely (and have contributed a bit to Astro early on). So this isn’t the hands-on response you specifically asked for, and may not contain new information to you. I’m posting anyway in case it adds context for others.
Qwik City[1] is probably more directly analogous to Astro, Qwik being more analogous to Astro’s integrated renderers. But that highlights one of the key differences.
Astro’s compiler mostly focuses on server rendering of static content (.astro templates, MDX) and bundling client resources along with the logic necessary to hydrate islands. Astro defers to those renderers (and in some cases their own compilers) for any further optimization of the client bundle.
Qwik’s compiler optimizes the component code directly, serializing state into the HTML it renders server-side, for the client bundle to resume from that state. Its output is conceptually similar to Phoenix LiveView (which was mentioned in another sub-thread).
Both are compelling approaches. I think Qwik’s will probably (eventually) have an optimization advantage because that’s a core focus of the client library. Astro will likely have an adoption advantage because it’s client-library-agnostic.
Another framework in the space often gets passed over: Marko[2], which has been doing partial hydration for years at eBay. Marko is probably more similar in approach to Qwik (and as I understand it, getting more similar as they’re going resumable too), but like Astro has its own templating language which enables its compiler optimizations.
Also worth watching SolidJS[3] (whose creator has also worked on Marko), which is tracking partial hydration/resumability on its roadmap. I’m not sure what their approach will look like but there’s quite a lot of insight both in the issue and the creator’s tweets/replies on the topic.
Personally I think there’s a gap between all of these approaches which could leverage type-level analysis to go much further. But that isn’t really feasible when types being available or accurate isn’t a safe assumption.
-
Syntax highlighting library support for modern frontend frameworks
There is no support for newer frameworks like Marko, which have their own file extension (format).
Jade
-
Building Vue Components With Pug & Stylus
If you have a bit of Nodejs SSR background, you would already be accustomed to templating libraries like Pug, Handlebars, EJS, etc. If you’re from a PHP background you would be familiar with the Blade templating engine. These templating libraries basically help you render dynamic data from the backend on the frontend. They also help you generate markup with loops based on conditions.
-
Just Normal Web Things
The right way to start is with HTML and motherfucking web site.
https://motherfuckingwebsite.com/
Really. At this point this is what web sites should strive to be.
Pug is a great way to write HTML by hand. I integrated it with GitHub Pages so pug sources get compiled to HTML and published when commits are pushed. Great experience.
-
Migrate Your Express Application to Fastify
To illustrate the process of migrating from Express to Fastify, we have prepared a demo application. This application utilizes Express, Mongoose, and Pug to create a URL Shortener app as follows:
-
Simplify Form Development with Smarkform!
Disclaimer: The markup of CodePen examples is still in Pug. However, you can view it compiled as HTML by opening the code tab menu and selecting "View compiled HTML" (But, by the way, if you are not already familiar with Pug Templates, I strongly advise you to check them out).
-
NeoVim + Django + Pug
Hi folks I'm wondering if someone of you is a Django developer who also use pug for templates? Anyone?
- I taught the chat bot an alternative syntax for HTML, called HBML, basically just braces instead of tags... we are so screwed
-
Repeating Navigation, Header, and Footer in CSS and HTML?
If you want more, take a look on Marko, fresh, qwik or pug. Dind't tested yet but they look like same as Nunjucks.
-
Sending Emails with Node.js
First of all, let’s create our templates, for a frequently occurring scenario: new user registration. In this example, we are working with the default option (for more details and samples of using Pug, refer to Github.)
-
I have to rename Rulex
I was the person who had to deal with the rename of Pug (formerly called Jade). It was super stressful but it did all turn out ok in the end. I hope the name change goes well for you. The thinking behind Pug was: it is short (especially good for a file extension), it is very easy to spell, and it was available on npm.
-
Write HTML Right
HTML can't be fixed with a small trick like that.
Just use templating engine like Pug and get away with most of the annoyances.
It's concise about what part of the text is covered by a certain tag due to forced indentation and you never write "class=" but are all turned into CSS selector notation and many other tricks.
https://github.com/pugjs/pug#syntax
Unless the HTML I'm composing will be touched by people like designers who would get scared of new syntax, in which case I'll use Twig or Nunjucks, I'll never write plain HTML for myself.
There's also a very solid implementation in PHP as well.
What are some alternatives?
EJS - Embedded JavaScript templates -- http://ejs.co
handlebars.js - Minimal templating on steroids.
nunjucks - A powerful templating engine with inheritance, asynchronous control, and more (jinja2 inspired)
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces. [Moved to: https://github.com/solidui/solid]
qwik - Instant-loading web apps, without effort
Next.js - The React Framework
express-react-views - This is an Express view engine which renders React components on server. It renders static markup and *does not* support mounting those views on the client.
mustache.js - Minimal templating with {{mustaches}} in JavaScript