Best of React NativeNovember 2024

  1. 1
    Article
    Avatar of fluttersquadFlutter Developers·1y

    Flutter ain't going anywhere: the results of the StackOverflow survey

    Flutter emerges as the clear leader in cross-platform development with significant community engagement, surpassing Swift and Kotlin combined, and outpacing React Native. React, however, holds the highest overall engagement among cross-platform technologies.

  2. 2
    Article
    Avatar of devtoDEV·1y

    React Native New Architecture

    React Native 0.76 has introduced a new architecture, known as 'Bridgeless', which is now enabled by default. The new architecture eliminates the need for a bridge between JavaScript and native layers, allowing for direct communication. It introduces JavaScript Interface (JSI), new native modules (TurboModules), codegen, and a new renderer system (Fabric). These updates focus on enhancing performance, startup speed, memory management, and supporting synchronous execution. The new system aims to resolve issues in the old architecture, such as performance problems and jerky frames.

  3. 3
    Article
    Avatar of storybookStorybook·1y

    Storybook 8.4

    Storybook 8.4 introduces significant improvements for developers working with UI components. Key features include one-click component testing in the browser through Vitest, a bundle size reduction of over 50%, and enhanced support for Svelte 5 and React Native. Additionally, the update includes a tagging and filtering mechanism for stories, numerous bug fixes, and other improvements.

  4. 4
    Article
    Avatar of logrocketLogRocket·1y

    Creating adaptive and responsive UIs in React Native

    Creating user interfaces that adapt seamlessly across various devices is crucial for successful mobile app development. This guide explores tools, techniques, and best practices for building adaptive UIs in React Native, utilizing components like SafeAreaView, useWindowDimensions, and external libraries like react-native-size-matters. It covers responsive layouts, adaptive components, handling screen orientations, and scaling elements dynamically to ensure a consistent user experience on any device.

  5. 5
    Article
    Avatar of logrocketLogRocket·1y

    Handling memory leaks in Rust

    Discover how curl-impersonate can bypass anti-bot measures in Node.js for web scraping. Learn techniques for handling frontend data discrepancies using WebSockets and Docker Compose. Explore the benefits of lazy initialization in Rust 1.80. Design visually appealing React Native UIs with adaptive layouts and responsive scaling.

  6. 6
    Article
    Avatar of twirThis Week In React·1y

    This Week In React #210: React 19, pre-warning, Next.js, IDE, TanStack, React Scan, MistCSS, PayloadCMS, Expo Workflows, Universal RSC, use dom, Yoga JSI, Skia, Turbo Haptics, TV, FastIO, SwiftUI, Ang

    React 19 is in RC again with improvements in Suspense. Expo launches 'Expo Workflows' to simplify CI/CD for React Native apps. Universal React Server Components are in beta for Expo Router. New updates include advancements in TanStack, React Query, and various tools such as react-scan and MistCSS.

  7. 7
    Video
    Avatar of jherrJack Herrington·1y

    React-Native Server Components! Change Your Native UI From Your Server!

    Expo, the recommended React Native framework, now supports React server components, allowing components to be sent from the server to the React Native application. The post demonstrates how to upload images and process them on the server, showcasing seamless interaction between client and server for efficient file handling and UI updates. This new feature is highlighted as revolutionary for React Native development.

  8. 8
    Video
    Avatar of davegrayDave Gray·1y

    React Native Full Course for Beginners | Complete All-in-One Tutorial | 4 Hours

    This post is a comprehensive 4-hour tutorial series on React Native for beginners. Hosted by Dave Gray and made possible by Zero to Mastery (ZTM), it includes eight interconnected tutorials. The series walks through setting up the development environment using Visual Studio Code, Git, and Node.js, introduces Expo for React Native, and provides guidance on creating React Native applications for various platforms. The lessons also cover important tools, prerequisites, and additional resources for continued learning.

  9. 9
    Article
    Avatar of webtoolsweeklyWeb Tools Weekly·1y

    JS Libraries, Git/CLI Tools, Media/SVG

    Issue #592 showcases the deployment of AMD Instinct MI300X accelerators on Vultr's cloud platform, enhancing scalable and high-performance computing with 32 global data centers. It highlights several JavaScript libraries and frameworks, Git, GitHub, and CLI tools, as well as media tools like Rendley and Brush Ninja. Key tools for JavaScript development include Rise Tools, PKI.js, and TinyJS. The issue also features productivity tools such as ShellMate and EverCraft, and media SDKs like Rendley and Monicon.