Aral Roca articles - 41 total
Don't Fall Into the CDN Trap! 🪤
This blog post’ll explore how Brisa's HTML Streaming feature can help you avoid the CDN trap and...
Brisa 0.2.0 Release Notes
We’re thrilled to announce Brisa 0.2.0, a minor milestone in Brisa's journey. This release introduces...
Brisa Framework Presentation - October 2024
If you were unable to attend the October 29th meetup at BarcelonaJS to see Brisa's presentation, we...
Server Actions have been fixed
Server Actions emerged as an idea to reduce client code and simplifying the interactions that require...
Introducing Brisa: Full-stack Web Platform Framework 🔥
Today I’m excited to publicly share Brisa: A full-stack framework that allows you to mix Server...
Build Reactive Web Components with SSR
Traditional way of writing Web Components is not very SSR (Server Side Rendering) friendly. In this...
SPA-Like Navigation Preserving Web Component State
Original article: https://aralroca.com/blog/spa-navigation In this third and final article in the...
HTML Streaming Over the Wire 🥳: A Deep Dive
Explore HTML Streaming Over the Wire! We explain the Diff DOM algorithm with streaming to make only the necessary modifications, insertions, and deletions between a DOM node and an HTML stream reader.
Power of Partial Prerendering with Bun
Original article: https://aralroca.com/blog/partial-prerendering In modern web development,...
HTML Streaming and DOM Diffing Algorithm
Original article: https://aralroca.com/blog/html-node-streaming In recent years browsers have...
👋 Say Goodbye to Spread Operator: Use Default Composer
Original article: https://aralroca.com/blog/default-composer When working with objects in...
Creating Scalable and Reusable React Components
Original article: https://aralroca.com/blog/creating-scalable-and-reusable-react-components ...
🏝️ i18n translations in Next.js 13's app-dir for server/client components 🌊
In this blog post, we explore how to use Next.js 13's app directory and consume i18n translations for both server and client components in an easy way. With this approach, you can reduce the size of your bundles and maintain the code clean.
Teaful DevTools Released!
Original article: https://aralroca.com/blog/teaful-devtools Very recently, 2 weeks ago, we released...
Teaful: tiny, easy and powerful React state management
Original article: https://aralroca.com/blog/teaful I've recently talked about Fragmented-store in...
React state with a fragmented store
Fragmented store concept and how to apply it with React Context
Virtual Sommelier, text classifier in the browser
Original article: https://dev-blog.vinissimus.com/food-pairing-classifier Introduction At...
Next-translate - Version 1.0 Released
Next-translate is an i18n library to keep the translations as simple as possible in a Next.js environment. Today we announce the release of version 1.0.
Next-translate 1.0 demo - I18n your Next.js +10 pages in an easy way
The main goal of next-translate is to keep the translations as simple as possible in a Next.js environment.
Etiketai - speed up training your AI models with a free open source app
Original article: https://aralroca.com/blog/etiketai I'd like to tell you why I made Etiketai, a too...
GitHub action to publish your blog post to dev.to
Learn how to automatize publishing to dev.to from your GitHub repo.
Do all roads lead to Rome?
Learn what Rome is, how it fits into the JavaScript ecosystem and my thoughts about it... Will Rome replace all the current tooling?
First steps with WebAssembly in Rust
Discover how to start with WebAssembly in an easy way with Rust.
How to draw gears in WebGL
Learn how to draw dynamic 2D complex shapes in WebGL by drawing gears
Static Readme Regeneration
Use a cron with Github Actions to always have your GitHub README.md profile updated.
How do you order your functions?
A little discussion to see what most developers do.
First steps in WebGL
Learn what WebGL is and how it works by drawing a triangle.
Image classifier: in the browser
Learn how to implement any kind of image recognition by implementing a cat/dog classifier in Tensorflow.js.
Discovering Snowpack
Discover how Snowpack fits into the JavaScript ecosystem
From Node to Deno
Learn how to use Node ecosystem in Deno.