- React Digest
- Posts
- Five years of React Native at Shopify
Five years of React Native at Shopify
Improved productivity through cross-platform development
Five years of React Native at Shopify
10 minutes by Mustafa Ali
Five years ago, Shopify announced that React Native is the future of mobile at Shopify. This article reflects on their successful transition to React Native, highlighting improved productivity through cross-platform development, talent flexibility between web and mobile teams, and achieving excellent performance metrics.
Easily Add Chat to Your React App with PubNub
sponsored by PubNub
Accelerate chat development while keeping full control of your UI with PubNub’s pre-built chat features. Simplify chat management and moderation using our no-code tools and deliver an engaging user experience with 99.999% uptime and <30 ms latency. Start building today with our React Chat SDK tutorial.
Split routes config in React Router
1 minute by Sergio Xalambrí
In this article Sergio explains how to organize and split React Router routes across multiple files for better maintainability in large applications. He demonstrates using the relative and prefix functions to define routes in separate files, allowing developers to structure routes by feature or section and then combine them in a main routes file.
Accessibility essentials every front-end developer should know
12 minutes by Martijn Hols
A few basic practices can make a significant impact! In this article, Martijn walks you through the key accessibility principles every front-end developer should apply when building components. It covers essential practices including semantic HTML usage, proper form structure, keyboard navigation, modal accessibility, image alt texts, and appropriate styling.
Reducing bloated code with component hooks
4 minutes by Tymek Zapała
Tymek explains how to improve complex React components by separating business logic from presentation using component hooks. He demonstrates this approach by evolving a simple ProductCard component into a more complex one with features like quantity validation and price formatting, then shows how extracting logic into a dedicated useProductCard hook results in cleaner, more maintainable code that's easier to test and understand.
React's experimental animations API
9 minutes by Matt Perry
React is getting its first animations API! In this article Matt discusses React's first native animation API called , based on the browser's View Transition API. This new component simplifies animation implementation compared to relying on third-party libraries. The API allows developers to animate between different views, handle shared element transitions, and customize animations through event handlers, though it comes with some limitations as it's still experimental and can't be interrupted once started.
webdev
javascript
how did you like this issue? |