tag:blogger.com,1999:blog-74706094982271795782024-03-16T01:10:26.888+00:00teklinkstech/webdev magazineTeklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comBlogger12408125tag:blogger.com,1999:blog-7470609498227179578.post-78775633599339496422024-03-13T15:22:00.005+00:002024-03-13T15:22:10.542+00:00A Next.js package for managing third-party libraries<div class="ajs_post_separator"><a href="https://developer.chrome.com/static/blog/next-third-parties/image/chart-inp-lcp.png" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://developer.chrome.com/static/blog/next-third-parties/image/chart-inp-lcp.png" /></a></div>
<br />
In 2021, the Chrome Aurora team introduced the Script component to improve the loading performance of third-party scripts in Next.js. Since its launch, we've expanded its capabilities to make loading third-party resources easier and faster for developers.<br />
<br />
<a href="https://developer.chrome.com/blog/next-third-parties" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-62829719395479340402024-03-13T15:22:00.003+00:002024-03-13T15:22:10.190+00:00Ultimate Guide to Visual Testing with Playwright<div class="ajs_post_separator"><a href="https://res.cloudinary.com/browsercat/image/upload/c_fill,w_768/dpr_auto/f_auto/q_auto/v1/articles/pw-snapshot-ui-mode.png?_a=DATAdtcaZAA0" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://res.cloudinary.com/browsercat/image/upload/c_fill,w_768/dpr_auto/f_auto/q_auto/v1/articles/pw-snapshot-ui-mode.png?_a=DATAdtcaZAA0" /></a></div>
<br />
As your web app matures, it becomes challenging to ensure your GUI doesn’t break with any given update. There are a lot of browsers and devices, and countless states for every one of your components.<br />
<br />
<a href="https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-72745197073031735802024-03-13T15:22:00.001+00:002024-03-13T15:22:09.827+00:00Modern Git Commands and Features You Should Be Using<div class="ajs_post_separator"><a href="https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg" /></a></div>
<br />
All of us - software engineers - use git every day, however most people only ever touch the most basic of commands, such as add, commit, push or pull, like it's still 2005.<br />
<br />
<a href="https://martinheinz.dev/blog/109" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-3648316051339930662024-03-12T10:54:00.004+00:002024-03-12T10:54:59.359+00:0012 Years at Meta<div class="ajs_post_separator"><a href="https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg" /></a></div>
<br />
I've been at this company for 12 years today and it feels like a good time to reflect on all the projects I've been involved in! I found out over time that the projects where I thrive are spaces where the R&D phase is over and the tech now works but it needs to be turned into a proper product to start the exponential growth phase.<br />
<br />
<a href="https://blog.vjeux.com/2024/project/12-years-at-meta.html" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-82843427308749563192024-03-12T10:54:00.003+00:002024-03-12T10:54:02.824+00:00Improving Shopify App’s Performance<div class="ajs_post_separator"><a href="https://cdn.shopify.com/s/files/1/0779/4361/files/Performance_1.png?format=jpg&quality=90&v=1709562762" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://cdn.shopify.com/s/files/1/0779/4361/files/Performance_1.png?format=jpg&quality=90&v=1709562762" /></a></div>
<br />
As an integral part of Shopify's ecosystem, our mobile app serves millions of merchants around the world every single day. It allows them to run their business from anywhere and offers vital insights about store performance, analytics, orders, and more.<br />
<br />
<a href="https://shopify.engineering/improving-shopify-app-s-performance" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-90369677668987464952024-03-09T11:16:00.005+00:002024-03-09T11:16:17.732+00:00Open-sourcing our progress on Tailwind CSS v4.0<div class="ajs_post_separator"><a href="https://tailwindcss.com/_next/static/media/card.e8b5bf19.jpg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://tailwindcss.com/_next/static/media/card.e8b5bf19.jpg" /></a></div>
<br />
Last summer at Tailwind Connect I shared a preview of Oxide — a new high-performance engine for Tailwind CSS that we’ve been working on, designed to simplify the developer experience and take advantage of how the web platform has evolved in recent years.<br />
<br />
<a href="https://tailwindcss.com/blog/tailwindcss-v4-alpha" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-64333526653577547822024-03-09T11:16:00.003+00:002024-03-09T11:16:17.117+00:00Why React Server Components Are Breaking Builds to Win Tomorrow<div class="ajs_post_separator"><a href="https://cdn.builder.io/api/v1/pixel?apiKey=YJIGb4i01jvw0SRdL5Bt" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://cdn.builder.io/api/v1/pixel?apiKey=YJIGb4i01jvw0SRdL5Bt" /></a></div>
<br />
Over the past decade, React and its ecosystem has undergone continuous evolution. Each version has introduced new concepts, optimizations, and sometimes paradigm shifts, pushing the boundaries of what we thought was possible in web development.<br />
<br />
<a href="https://www.builder.io/blog/why-react-server-components" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-12807801979197558062024-03-09T11:16:00.001+00:002024-03-09T11:16:16.521+00:00High-Level System Architecture of Booking.com<div class="ajs_post_separator"><a href="https://miro.medium.com/v2/resize:fill:88:88/1*p5_E1wI-vlmzh10N3cmzUA.jpeg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://miro.medium.com/v2/resize:fill:88:88/1*p5_E1wI-vlmzh10N3cmzUA.jpeg" /></a></div>
<br />
Hello everyone! In this article, we will take an in-depth look at the possible high-level architecture of Booking.com, one of the world’s leading travel and hospitality platforms. Serving millions of users worldwide, Booking.<br />
<br />
<a href="https://medium.com/@info.vikaasyadav/high-level-system-architecture-of-booking-com-b430528581cd" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-57299691240936880332024-03-07T14:44:00.008+00:002024-03-07T14:46:02.171+00:00Reporting Core Web Vitals With The Performance API<div class="ajs_post_separator"><a href="https://files.smashing.media/articles/running-page-speed-test-monitoring-versus-measuring/DebugBear-logo.svg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://files.smashing.media/articles/running-page-speed-test-monitoring-versus-measuring/DebugBear-logo.svg" /></a></div>
<br />
The Performance API is a set of standards for measuring and evaluating performance metrics with JavaScript. Think of it as a box containing all of the same functionality for reporting on Core Web Vitals and general performance statistics that you’d get in many performance testing tools. This article demonstrates how to use the Performance API to generate performance metrics directly in the DOM to create your own reporting.<br />
<br />
<a href="https://www.smashingmagazine.com/2024/02/reporting-core-web-vitals-performance-api/" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-29912467944707913482024-03-07T14:44:00.007+00:002024-03-07T14:45:41.371+00:00JavaScript Bloat in 2024<div class="ajs_post_separator"><a href="https://tonsky.me/blog/js-bloat/tonsky@2x.webp?t=1708627299" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://tonsky.me/blog/js-bloat/tonsky@2x.webp?t=1708627299" /></a></div>
<br />
I was a bit out of touch with modern front-end development. I also remembered articles about web bloat, how the average web page size was approaching several megabytes!<br />
<br />
<a href="https://tonsky.me/blog/js-bloat" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-42524373678075412262024-03-07T14:44:00.006+00:002024-03-07T14:45:25.884+00:00How to build an offline-first app using Expo & Legend State<div class="ajs_post_separator"><a href="https://cdn.sanity.io/images/siias52v/production/b2786bceef32159a9b5593a49eae974515923a66-2400x1350.png?rect=2,0,2396,1350&w=600&h=338&fm=webp&q=80&auto=format" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://cdn.sanity.io/images/siias52v/production/b2786bceef32159a9b5593a49eae974515923a66-2400x1350.png?rect=2,0,2396,1350&w=600&h=338&fm=webp&q=80&auto=format" /></a></div>
<br />
Embracing a local-first approach in app development has always resonated with me, especially to counter the frustrations of connectivity-dependent applications which are prevalent today. The goal is simple: create apps that are immediately responsive and liberated from the constant need for internet connection. But execution is challenging, particularly for complex, multi-user applications.<br />
<br />
<a href="https://expo.dev/blog/offline-first-apps-with-expo-and-legend-state" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-56699746766267943582024-03-06T19:21:00.005+00:002024-03-06T19:21:37.534+00:00Epic Next.js 14 Tutorial: Learn Next.js by building a real-life project: Part 1<div class="ajs_post_separator"><a href="https://assets.strapi.io/uploads/strapi-cover_1fabc982ce.png" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://assets.strapi.io/uploads/strapi-cover_1fabc982ce.png" /></a></div>
<br />
Hello, you wonderful people; in this post of many, I would like to introduce you to what we will be building. With the popularity of Next.js 14 and Strapi and how they can empower you to build cool things, we are going to work on building a project together to cover all the awesome aspects of Next.<br />
<br />
<a href="https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-87674549766028556082024-03-06T19:21:00.003+00:002024-03-06T19:21:36.980+00:00Million Lint is in public beta<div class="ajs_post_separator"><a href="https://million.dev/_next/image?url=%2Flint%2Fteam.png&w=1200&q=75" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://million.dev/_next/image?url=%2Flint%2Fteam.png&w=1200&q=75" /></a></div>
<br />
It’s launch time. After three months and hundreds of commits, we invite you to try out Million Lint. The experience is not finished – there are a few known bugs and several missing features – but we are really happy with how it's shaping up and couldn't wait to share it with you.<br />
<br />
<a href="https://million.dev/blog/lint.en-US" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-89915189371832342482024-03-06T19:21:00.001+00:002024-03-06T19:21:36.358+00:00A Look at Common Caching Strategies, and how CQRS can Replace the Need in the…<div class="ajs_post_separator"><a href="https://miro.medium.com/max/735/0*SicAVWxmJN39kqUJ" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://lh3.googleusercontent.com/-xXiVLUL1PQg/VJ8HJGh11vI/AAAAAAAAFbQ/IP2Vky0DlOo/w498-h255-no/3bd01cb.jpg'" src="https://miro.medium.com/max/735/0*SicAVWxmJN39kqUJ" /></a></div>
<br />
Caching data is a useful pattern for any application that needs to serve high traffic and finds itself with latency requirements incompatible with the selected persistence choice.<br />
<br />
<a href="https://medium.com/ssense-tech/cache-me-if-you-can-a-look-at-common-caching-strategies-and-how-cqrs-can-replace-the-need-in-the-65ec2b76e9e" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-89982517974307570462024-03-04T09:59:00.003+00:002024-03-04T09:59:39.175+00:00Avoiding Hydration Mismatches with useSyncExternalStore<div class="ajs_post_separator"><a href="https://tkdodo.eu/blog/static/4c3fb2e346536b940032b1d2d3e1449a/bbe0c/mismatch.jpg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://tkdodo.eu/blog/static/4c3fb2e346536b940032b1d2d3e1449a/bbe0c/mismatch.jpg" /></a></div>
<br />
How can this even be? We were promised isomorphic rendering - first on the server, then on the client. Write your code once, execute twice. Except that the server isn't the client.<br />
<br />
<a href="https://tkdodo.eu/blog/avoiding-hydration-mismatches-with-use-sync-external-store" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-24809440711146886142024-03-04T09:59:00.001+00:002024-03-04T09:59:38.800+00:00NEW Better together: Getting the most value from AI code generation tools<div class="ajs_post_separator"><a href="http://img.youtube.com/vi/ObNZwN2wc4Q/0.jpg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="http://img.youtube.com/vi/ObNZwN2wc4Q/0.jpg" /></a></div>
<br />
There’s no arguing that we’re in the midst of an AI boom. New tools, capabilities, and skill sets are emerging, and a massive upskilling wave is underway for both individuals and organizations.<br />
<br />
<a href="https://stackoverflow.co/teams/resources/better-together-getting-the-most-value-from-ai-code-generation-tools/" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-26427550897012671112024-02-29T23:28:00.005+00:002024-02-29T23:28:04.699+00:00HTMX vs React: A Complete Comparison<div class="ajs_post_separator"><a href="https://semaphoreci.com/wp-content/uploads/2024/02/Generic-social-card-Semaphore.png" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://semaphoreci.com/wp-content/uploads/2024/02/Generic-social-card-Semaphore.png" /></a></div>
<br />
The ultimate goal of HTMX is to provide modern browser interactivity directly within HTML, without the need for JavaScript. Although relatively new, with its initial release in late 2020, this frontend library has quickly caught the attention of the IT web community.<br />
<br />
<a href="https://semaphoreci.com/blog/htmx-react" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-25337410674511022892024-02-29T23:28:00.003+00:002024-02-29T23:28:03.202+00:00JSR: What We Know So Far About Deno’s New JavaScript Package Registry<div class="ajs_post_separator"><a href="https://cdn.sanity.io/images/cgdhsj6q/production/adc2b8b9c5c22808326ee93f06327ce5ae4f503c-1097x529.png?w=1600&fit=max&auto=format" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://cdn.sanity.io/images/cgdhsj6q/production/adc2b8b9c5c22808326ee93f06327ce5ae4f503c-1097x529.png?w=1600&fit=max&auto=format" /></a></div>
<br />
The JavaScript community is buzzing about JSR, a new package registry from the team behind Deno, a runtime for JavaScript, TypeScript, and WebAssembly based on the V8 JavaScript engine and Rust. The Deno team is no stranger to introducing alternative approaches to software development. Node.<br />
<br />
<a href="https://socket.dev/blog/jsr-new-javascript-package-registry" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-48698491382577177552024-02-29T23:28:00.001+00:002024-02-29T23:28:01.787+00:00Compiler Theory and Reactivity<div class="ajs_post_separator"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg" /></a></div>
<br />
The React compiler implements numerous traditional compiler transformations, that are generally not accessible without having some background in compiler theory.<br />
<br />
<a href="https://www.recompiled.dev/blog/ssa/" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-36838396849164086012024-02-28T21:02:00.005+00:002024-02-28T21:02:08.837+00:00React Will Be Compiled<div class="ajs_post_separator"><a href="https://reacttraining.com/images/blog/compile-spectrum.svg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://reacttraining.com/images/blog/compile-spectrum.svg" /></a></div>
<br />
In some ways it always was. But now you can forget about memoization Yesterday, the React team made this blog post announcing what they've been working on for React. Andrew Clark from the React team gives us a nice breakdown of the changes:<br />
<br />
<a href="https://reacttraining.com/blog/react-19-will-be-compiled?ck_subscriber_id=194259916" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-65574373330284959162024-02-28T21:02:00.003+00:002024-02-28T21:02:08.268+00:00Next.js vs. Remix - A Developer's Dilemma<div class="ajs_post_separator"><a href="https://blog.saeloun.com/images/opengraph/2f347c8d2d3bb5e09f79224c9d1bce94095e525d.png" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://blog.saeloun.com/images/opengraph/2f347c8d2d3bb5e09f79224c9d1bce94095e525d.png" /></a></div>
<br />
The React ecosystem is a bustling landscape, brimming with frameworks promising to revolutionize web development. Today, we’ll be diving into two popular contenders: Next.js and Remix. Next.js is one of the most popular React frameworks used for server-side rendering.<br />
<br />
<a href="https://blog.saeloun.com/2024/02/21/next.js-vs-remix/" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-74241829113262828492024-02-28T21:02:00.001+00:002024-02-28T21:02:07.734+00:00Best CI/CD tools (2024)<div class="ajs_post_separator"><a href="https://miro.medium.com/v2/resize:fill:88:88/1*AbsHpq3Z6-Sj_teElMeScg.png" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://miro.medium.com/v2/resize:fill:88:88/1*AbsHpq3Z6-Sj_teElMeScg.png" /></a></div>
<br />
This blog was originally published in the Typo blog. Continuous integration/Continuous delivery (CI/CD) is positively impacting software development teams. It is becoming a common agile practice that is widely been adopted by organizations around the world.<br />
<br />
<a href="https://medium.com/beyond-the-code-by-typo/best-ci-cd-tools-2024-3fca42d05e1a" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-58028090671575021782024-02-27T17:07:00.003+00:002024-02-27T17:07:35.026+00:00Instant Search Params with React Server Components<div class="ajs_post_separator"><a href="https://buildui.com/api/og?postTitle=Instant%20Search%20Params%20with%20React%20Server%20Components" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://buildui.com/api/og?postTitle=Instant%20Search%20Params%20with%20React%20Server%20Components" /></a></div>
<br />
In React's new Server Component paradigm, routing is server-centric. Navigations in dynamic RSC apps – like those triggered by router.push in Next.js – cause React to wait on a server roundtrip before it can update the page.<br />
<br />
<a href="https://buildui.com/posts/instant-search-params-with-react-server-components" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-9606204166848685502024-02-27T17:07:00.001+00:002024-02-27T17:07:33.906+00:00The Value of Socially Driven Architecture<div class="ajs_post_separator"><a href="https://richardwbown.com/wp-content/uploads/2024/01/value-driven-design.jpg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://richardwbown.com/wp-content/uploads/2024/01/value-driven-design.jpg" /></a></div>
<br />
HR processes and high wages can lead to us finding work for our most expensive employees. Putting people to work is not always the most effective way of improving your systems, even if it feels like it’s the right thing to do.<br />
<br />
<a href="https://richardwbown.com/the-value-of-socially-driven-architecture/" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.comtag:blogger.com,1999:blog-7470609498227179578.post-80331932294976809602024-02-26T13:03:00.006+00:002024-02-26T13:04:23.592+00:00The Wrong Way to Use DORA Metrics<div class="ajs_post_separator"><a href="https://cdn.thenewstack.io/media/2024/02/e42debc3-measure.jpg" class="ajs_post_img_link"><img class="ajs_post_img" onerror="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O5G55dg44upIOafL9f07LL6UGi90NM8ZYiVdxYyhKofy_cUeokPpOJqeUmmmyuEjm1AIBsY8J1dZBcpaeTqHHEHOgP0GDtOYZxHaWWhUsOldnOBXhyrVUbb0ghH3T1nrINQJDPejbZ4/w498-h255-no/3bd01cb.jpg'" src="https://cdn.thenewstack.io/media/2024/02/e42debc3-measure.jpg" /></a></div>
<br />
In the last few years, a lot has been said in favor of DORA metrics for measuring the success of developer enablement within your organization: how well your platform engineering, operations, and developer experience efforts are making it easier for developers to deliver features and maintain services.<br />
<br />
<a href="https://thenewstack.io/the-wrong-way-to-use-dora-metrics/" class="ajs_post_fullarticle_link">Full article</a><br />
Teklinkshttp://www.blogger.com/profile/04628333596365452977noreply@blogger.com