Frontier AI models today are incredibly powerful. They excel not just at writing bits of code but also at assisting with planning and architecture. They are also increasingly expensive. Early on in the AI era, developers had the luxury of tossing around tokens willy-nilly, delegating any task imaginable. Today, reality is starting to catch up. […] The post A Hybrid…
#react
32 posts
25 Jun
21 Apr
Stop Defaulting to "use client": A Practical Mental Model for React Server Component Architecture
JobTeaserHow thinking in server-first component boundaries can simplify data flow and reduce client JavaScript in Next.js applications. When I first started working with the Next.js App Router, I kept running into the same situation. Components would suddenly break — usually after adding a hook or a click handler. The fix felt obvious: add "use client". But after doing this a…
17 Apr
null How to Test Accessibility Across Multiple Locales in React Apps. on SitePoint.
6 Apr
A behind-the-scenes look at how we built Maxima Therapy with playful interactions, creative code, and a little AI help along the way.
4 Dec 2024
Mozilla and Filament have introduced Uniffi for React Native, a tool that allows developers to leverage the safety and performance benefits of Rust in cross-platform React Native apps. The post Introducing Uniffi for React Native: Rust-Powered Turbo Modules appeared first on Mozilla Hacks - the Web developer blog.
11 Nov 2024
In today’s rapidly evolving software landscape, scalability and independence in development are essential for creating robust applications. Micro frontends provide a solution to break large monolithic frontends into smaller, independent units that can be developed, deployed, and maintained by different teams. One of the most effective ways to implement micro frontends is through Webpack’s Module Federation , which allows teams…
22 May 2024
Balancing Old Tricks with New Feats: AI-Powered Conversion From Enzyme to React Testing Library at Slack
SlackUpdate (October 2024): In response to numerous requests from external developers, we have open-sourced a version of our Enzyme to React Testing Library (RTL) conversion tool. You can now find it on npm, along with detailed instructions on how to integrate and use it in your projects. In the world of frontend development, one thing remains…
21 Jan 2024
Writing testable code is a vital skill in software engineering. Let’s explore practical advice, strategies, and tactics for writing more testable code, unlocking the benefits of modularity, reusability, and high quality software in your projects. Embracing testability in your coding practice isn’t just about catching bugs; it’s about fostering a culture of quality and efficiency in your projects. A good…
31 Dec 2023
The world of JavaScript has evolved significantly, and interview trends have changed a lot over the years. This guide features 10 essential questions that every JavaScript developer should know the answers to in 2024. It covers a range of topics from closures to TDD, equipping you with the knowledge and confidence to tackle modern JavaScript challenges. As a hiring manager,…
20 Dec 2023
Six years ago, I wrote a summary of my experience working with Ember for a year. I had been with Cinch Financial for a year, building their web & mobile apps with Ember and Elixir/Phoenix. After Cinch I joined Salsify, a leader in the Ember ecosystem, and shipped some great products built with Ember during my five-year tenure. I built…
15 Nov 2022
Me and my mentors Patrick & Nomnoms Introduction Hi, my name is Navika Budhraja and I’m a rising senior at UC San Diego studying Computer Science. This summer I was a web-frontend engineering intern on the Athlete Services team and consequently, got to learn a lot about how to develop athlete-facing products! During my internship, I worked with 3 other…
17 Oct 2022
We have talked about different state management techniques in a reactJS application, to maintain the state of your application in a global store so that it can access any of the components inside the application wrapped by the provider. The techniques are Redux Context In this one, we are going to take a look at […]
ReactJS is an open-source JS library. Developers make front-end applications UI using it. React makes a developer’s life easy as it is very easy to make an interactive application with all sorts of functionality. But there is some more effort when it comes to making your end-user stick to your application and for that, the […]
13 Oct 2022
It often happens that, as a React Developer, you’re working with big data objects containing a lot of nested properties, especially those coming from an external API. Because of that, it’s not always possible for us to tell the exact shape of the object at runtime, as sometimes, due to unforeseeable issues, our objects come […]
9 Oct 2022
React Router v6 has made it possible to pass props to the components normally. Earlier, in the older version of react-router, we need to use Route’s render method to pass props to the component. In this tutorial, we will be using React Router v6, so make sure you’re using the same version. Let’s get started. […]
9 Aug 2022
Learn how to create a private, invite-only website using Next.js, AirTable, custom React hooks, and Vercel deploy. The post covers backend APIs in Next.js, data storage with AirTable, validating access with invite codes, collecting user input, and deploying the final app.
30 May 2022
Photo by Sen on Unsplash Modern JavaScript websites are the result of complex code bases, and the code base which powers BBC Online is no exception. There are many dependencies and frameworks that we rely upon in order to provide the functionality that our end-users expect, as well as code written in-house to cater to the needs of our website…
21 Jul 2021
In this React-Native sound and animation tutorial, you'll learn tips on how you can add animation and sound effects to your mobile application. The post React-Native Sound & Animation Tutorial appeared first on RisingStack Engineering.
20 Apr 2020
This article defies a lot of trending patterns, like: React hooks, avoiding mutable data, traditional dependency injection, and full front-end testing. The post Reinventing Hooks with React Easy State appeared first on RisingStack Engineering.
31 Mar 2020
React Easy State is a transparent reactivity based state manager. It automagically decides when to render which components without explicit orders from you. The post Introducing React Easy State by RisingStack appeared first on RisingStack Engineering.
1 Aug 2019
In this React-Native tutorial we'll learn how to do testing on both Android and iOS devices with Expo, and how to use Jest for unit testing. The post React-Native Testing with Expo, Unit Testing with Jest appeared first on RisingStack Engineering.
2 Apr 2019
Learn the basics of React-Native development. Become confident with built-in components, styling, storing persisting data, animating the UI & more.. The post A Definitive React-Native Guide for React Developers: Getting Started appeared first on RisingStack Engineering.
18 Feb 2019
This article shows how to quickly build web app prototypes using Fastify for the backend API and Preact for the frontend UI. It also covers how to dockerize the app for easy sharing. Key points are the plugin architecture of Fastify, the lightweight nature of Preact, and the use of htm for defining UI without transpilation.
24 Jan 2019
The SoundCloud Xbox application is a regular React Redux application that runs in a native web view wrapper on Microsoft’s UWP framework. In…
11 Nov 2018
This article explores how to simulate multiple return values in JavaScript using arrays and objects. It covers use cases like React Hooks and async/await error handling. The pattern enables elegant APIs but has performance implications.
4 Apr 2018
The History of React.js on a timeline: 2010-2018. The post The History of React.js on a Timeline appeared first on RisingStack Engineering.
23 Jan 2018
8 Tips & Tricks to build better React apps in 2018. Follow these best practices to become a better coder. Which one did you miss so far? The post 8 Tips to Build Awesome React.js Apps in 2018 appeared first on RisingStack Engineering.
24 Aug 2017
26 Apr 2017
Context and Higher Order Components: Two Immediately Applicable Topics from the Advanced React Workshop
BazaarvoiceThanks to Bazaarvoice I recently attended an “Advanced React Workshop” put on by React Training and taught by Ryan Florence, one of the creators of React Router. Ryan was an engaging teacher and the workshop was filled with memorable quotes. Here are some highlights: The great conundrum of accessibility is that learning it is not […]
11 Apr 2017
The author gave a talk on building universal JavaScript web apps at Codemotion Rome 2017. He updated his Judo Heroes demo to v2 with React 15.4, React Router 4, Webpack 2, and Express 5. The talk got positive feedback from the audience. Slides and video are linked.
26 Nov 2016
This blog post summarizes a talk about building a Universal JavaScript application with React given at Codemotion Milan 2016. It includes commentary for each slide, photos from Twitter, and a video recording. The post explains what Universal JavaScript is, its benefits, challenges, and walks through demo code to add server-side rendering and routing to a React app.
29 Aug 2016
This article explains how to build a simple Universal JavaScript application using React, React Router and Express. It shows how to implement server side rendering with React and Node.js to create an isomorphic app.