Skip to content

thelastkizen/React-Native-News-2024

Β 
Β 

Repository files navigation

React Native News - 2024 πŸš€

  • I'm doing deep R&D on React Native SDKs latest releases for over 4 years (🩡 CONNECT me in X)

  • Writing Newsletter on my R&D for #NotJustDev community to 42K+ devs (Big thanks to @VadimNotJustDev)

  • All the basics of React Native & Expo is here for you πŸ™‹β€β™‚οΈ

  • πŸ™ If you find the news helpful, please give a STAR ⭐️

Table of Contents (140+ Topics)

- Yoga 3.1
- New Architecture Stabilization
- Recommendation to use Frameworks
- Expo SDK 51 supports
- Auto-linking performance improvements
- Before the Google ML Kit
- Google ML Kit in action πŸ’―
- What is Google ML Kit?
- Google ML Kit in React Native πŸ”₯
- Code with React Native MLKit
- Code for Face Detection feature
- Live App on Stores πŸš€
- Before Rise Tools
- Rise Tools in action πŸ”₯
- Server Defined Rendering (SDR) πŸš€
- Rise Tools with Tamagui
- Complete the Feedback Form πŸ™Œ
- Rise Kit
- Create your own Rise Server
- Rise Playground
- Other Rendering Processes (CSR, SSR, RSC)
- The OLD Architecture
- Bridge for communication: Drawbacks
- New Architecture in Action πŸš€
- All Components of New Architecture
- New Architecture - two Phases
- Codegen (Native Code Generator)
- Codegen in real life
- JSI (JavaScript Interface)
- JSI solved the asynchronous issue πŸš€
- Fabric (new rendering engine)
- Fabric spreads react native everywhere πŸ”₯
- Turbo Module (new native module)
- Hermes
- Workflow of Hermes with New Architecture πŸ™Œ
- React 18 with New Architecture
- Ship to New Architecture πŸš€
- Why invest in New Architecture 🎯
- Installing Dev Builds pain
- Running Snacks pain
- Expo Orbit in action πŸš€
- Installing Dev Builds by Expo Orbit
- Installing Snack projects by Expo Orbit
- Installing EAS Updates
- Expo Orbit now supports multi-platforms πŸš€
- Install Expo Orbit
- Expo Go
- Development Build
- Expo Dev Client and prebuild
- Convert an Expo Go to a Development Build
- EAS (Expo Application Services) Build
- Expo Orbit
- Either use framework, or build your own
- React Native Core VS Frameworks
- Rules of React Native Frameworks
- When to build a new React Native Framework?
- Sky Scanner By ExpoGL & Three.js
- 3D Rendering in Starlink App
- React Three Fiber
- Too much stuff for setting up environment
- React Native IDE in action πŸš€
- Snap Recording
- Component Inspector
- Access logs easily
- Access logs easily
- Navigation made easier
- Better Components preview
- Break Points without any other application πŸš€
- React Native Skia Video
- Image Shaders API
- Skia with Ambient Mode
- The Native Buffer API
- WebGPU: 3D API with React Native Skia
- New Architecture with React Native Skia
- React Native Skia with GPU πŸ”₯
- React Native IDE
- React Server Components in Expo Router
- Starlink with React Native πŸ’―
- React Native Frameworks
- React Native for Apple Vision Pro
- React Native VisionOS SDK
- Live Demo
- React Router v7 & it's background
- The React Router
- Vite Plugin for Remix
- React Compiler
- How does React Compiler work?
- What React Compiler memoize?
- Rules of React
- The Expo Router
- Server-driven UI: RSC
- RSC with Expo Router
- RSC data pattern
- React 19 RC (Release Candidate)
- What is RSC?
- Client Side Rendering (CSR)
- Server Side Rendering (SSR)
- React 19 RC (Release Candidate)
- React Server Components in Expo Router
- React Compiler
- React Router v7
- React Native for Apple Vision Pro
- What is Fingerprint?
- @expo/fingerprint in action
- Why @expo/fingerprint?
- Added support for Bridgeless Mode
- "Next" Camera and SQLite APIs are now the defaults
- New and improved Video package.
- Introducing expo-symbols
- Fingerprint runtime version policy promoted from experimental to beta
- Expo Router v3.5
- EAS Update: Rollout new web UI
- New project template πŸš€
- Yoga: The Layout Engine
- Yoga 3.0 β€” what’s new?
- Yoga 3.0 solved "row-reverse" issue πŸ’―
- Yoga: The layout engine
- Yoga 3.0 β€” what’s new?
- New Architecture: Bridgeless by Default
- Old Architecture recap
- New Architecture β€” performance booster
- Remove OLD architecture dependencies
- New Architecture: Batched onLayout Updates
- The β€œonLayout” props
- How β€œonLayout" batch update works?
- Yarn 3 for New Projects
- React Native Screen Background Research
- Feature R&D: Custom screen transition
- Install RN Screen with React-Navigation
- SDK: react-native-screens/native-stack
- SDK: react-native-reanimated V3.9 (pre-release)
- React Native Skia Background Research
- Install React Native Skia
- Rich Text Layouts using the New Paragraph API
- New Animation Hooks
- New Atlas API
- Efficient Lottie Animations with RN Skia
- Canvaskit-js by RN Skia

About

React Native News Book 2024 - Latest SDK releases with implementation πŸ”₯

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%