Lädt...


🔧 This Week In React #204 : React at Meta, Next.js, StyleX, Mitosis, One, Hermes, Zeego, Nitro, TC39, Vite, Deno...


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

Hi everyone!

It's been another exciting week with great React cross-platform announcements at the Meta Connect event giving positive feedback on the usage of React Compiler, StyleX, React Strict DOM, and Hermes. I'm also excited for the React Compiler to add official support for React 18 and React 17 (experimental).

On the React Native side, we also had great releases and announcements, notably a new cross-platform framework from the Tamagui team, Zeego 2, native bottom tabs, and RN Storybook 8.

In the frontend world, Deno 2.0 just came out, and we also have a very exciting TC39 meeting happening right now.

Happy reading!

💡 Subscribe to the official newsletter to receive an email every week!

banner

💸 Sponsor

Securing Node.js Express APIs with Clerk and React

Securing Node.js Express APIs with Clerk and React

Learn how to use Clerk with Express to authenticate API requests.

Utilize the ClerkExpressWithAuth() and ClerkExpressRequireAuth() middleware to secure any endpoint and integrate authentication without the complexity of building it from scratch.

⚛️ React

React at Meta Connect 2024

React at Meta Connect 2024

At a recent event, Meta announced:

  • New Instagram and Facebook mixed-reality apps for the Meta Quest headset. These apps use React Native and run on Static Hermes. The team was able to reuse existing Facebook web code and infrastructure thanks to technologies such as StyleX and React Strict DOM.
  • A new Meta Horizon RN app that performs on par with their main native Facebook app. They mention the render-as-you-fetch pattern as the most impactful performance improvement they implemented.
  • Meta Horizon Store for web/mobile/HorizonOS built using the bleeding-edge React Compiler, StyleX, React Strict DOM
  • Meta Spatial Editor built on top of React Native Windows/macOS enables them to integrate natively their custom 3D rendering engine. The C++/Qt team was initially skeptical but ended up loving Fast Refresh.

Many great innovative projects are being dogfooded at Meta on real production apps, improving the framework and ecosystem for all of us along the way, for all platforms. With all this, we can confidently claim that Meta will continue to bet on React as an excellent cross-platform solution for the years to come.

See also the 🎥 commented video from Theo.

💸 Sponsor

Join the Open Source Pledge

Join the Open Source Pledge

Year after year, companies feast at the Open Source table, but few pay the maintainers—creating burnout-related security incidents. Through the Pledge, forward-thinking companies are working together to change the status quo. It’s time we paid our share. Will you join us?

📱 React-Native

One - New cross-platform React framework

One - New cross-platform React framework

Nate, the creator of Tamagui, released a new universal framework that supports web and mobile. It’s built on top of Vite instead of Metro, has universal typed file-based routing, Remix-like loaders, and various render modes (SSG/SSR/SPA). It also helps you build local-first apps with an opt-in integration with the granular Zero sync engine.

🔀 Other

🤭 Fun

alt

alt

alt

See ya! 👋

...

🔧 This Week In React #174: ReactLabs, React-Strict-DOM, Remix, RNGH, Expo, RN+TV, TC39, Vite...


📈 54.59 Punkte
🔧 Programmierung

🔧 Decoding StyleX: Meta's Cutting-Edge Styling System


📈 38.44 Punkte
🔧 Programmierung

🔧 Deno Fresh PostCSS: Future CSS with Deno


📈 33.76 Punkte
🔧 Programmierung

📰 Node.js Rival Deno Gets Seed Capital For Full-time Deno Engineers


📈 33.76 Punkte
📰 IT Security Nachrichten

🔧 Deno vs Node.js: Is Deno Really the Better Node?


📈 33.76 Punkte
🔧 Programmierung

🔧 Mitosis - One compoent for all


📈 33.32 Punkte
🔧 Programmierung

🔧 Exploring StyleX and the new generation of styling libraries


📈 31.24 Punkte
🔧 Programmierung

🔧 Why Tailwind CSS is still better than StyleX and other CSS libraries


📈 31.24 Punkte
🔧 Programmierung

🔧 Authenticating users via Google OAuth 2.0 on the Edge using Nitro by UnJS and Deno Land


📈 30.06 Punkte
🔧 Programmierung

🔧 This Week In React #185: React Conf, React Query, refs, Next.js after, mini-react...


📈 29.88 Punkte
🔧 Programmierung

🔧 This Week In React #185: React Conf, React Query, refs, Next.js after, mini-react...


📈 29.88 Punkte
🔧 Programmierung

📰 Hermes-Retoure: So funktioniert die Rücksendung mit Hermes


📈 29.87 Punkte
🖥️ Betriebssysteme

🔧 Getting Started with Mitosis: Creating a Cross-Framework Design System


📈 29.3 Punkte
🔧 Programmierung

🔧 Mitosis - Using Astro.js as the dev server to preview the component with hot-reload


📈 29.3 Punkte
🔧 Programmierung

🔧 Webentwicklung: Build-Tool Vite.js 5.1 experimentiert mit Vite Runtime API


📈 28.27 Punkte
🔧 Programmierung

🔧 Make Your Vite Project LLM-Friendly with vite-plugin-llms


📈 28.27 Punkte
🔧 Programmierung

🔧 Laravel Mix vs Vite: Why did Laravel Transitioned to Vite


📈 28.27 Punkte
🔧 Programmierung

🔧 Why Vite is the best? Advanced Features of Vite


📈 28.27 Punkte
🔧 Programmierung

📰 Webentwicklung: Build-Tool Vite.js 5.1 experimentiert mit Vite Runtime API


📈 28.27 Punkte
📰 IT Nachrichten

🔧 Vite vs Webpack: Which One and Why for Your Next React App (The Battle of Bundlers)


📈 28.12 Punkte
🔧 Programmierung

matomo