/React-Native-Advanced-Guide

React Native Advanced Guide Book (iOS & Android) - Be an Expert in 2024 🔥

Primary LanguageJavaScript

React Native Advanced Guide Book

Alt text

  • This Guide Book was written by Anis (🩵 CONNECT me in X)
  • It consists of 12 chapters & 70+ Topics that were written with deep R&D and took me 5 months to complete.
  • The guide was first published as 12 articles on (Medium).
  • All the Articles were originally based on RN v0.71.

🩵 If you find this BOOK helpful, please give a STAR 🩵

Table of Contents (70+ TOPICS)

    - Codegen (Native Code Generator)
    - JSI (JavaScript Interface)
    - Hermes Engine (New JS compiler)
    - Turbo Modules (New Native Modules)
    - Fabric (New Rendering Engine)
    - Yoga (Cross platform layout engine)
    - iOS & Android Dev Menu
    - Chrome Dev Tools
    - Performance Monitor
    - FPS (Frame Per Second)
    - React Native four Threads
    - Flipper for JS Context tracking
    - Profiling iOS by Xcode Instruments
    - Android Profiler in Android Studio
    - Brief intro with all types of RN testing
    - React Native Testing Library (RNTL) details
    - JEST setup & all it's config
    - API => Render(): “queries”, “update", “debug"
    - API => UserEvent()
    - API => FireEvent()
    - API => WaitFor()
    - API => Mocking(): "jest.fn()" & "jest.mock()"
    - Host & Composite components in RN
    - Bundle Release
    - Relation between Bundle & Hermes
    - Hermes Bytecode (.hbc)
    - How to enable Hermes ?
    - Oversure is Hermes working or not ?
    - Enabling Hermes in Old RN Versions
    - Static Hermes
    - Development ENV to Enable New Architecture
    - Enable Hermes Instruction
    - Npx Commands for Android
    - Npx Commands for iOS
    - Confirm New Architecture in action
    - Use New Architecture
    - FlatList/ SectionList for List Performance
    - Unnecessary Console
    - Cache mechanism
    - Image resize, Cache Image & Fast loading Image
    - Schedule Animation & Native driver
    - Coding standard
    - Hermes Engine
    - Reselect with Redux
    - Monitor Memory usage
    - Fast Navigation
    - <VirtualizedList /> optimization
    - <FlatList /> optimization
    - <SectionList /> optimization
    - <ScrollView /> with Virtualization props
    - Details about “RecyclerListView”
    - Why Cell Re-Cycling ?
    - Difference between "Blank Cell" & "Cell Re-cycling"
    - FlashList Implementation
    - All important props of FlashList
    - Check Performance of your FlashList
    - Reduce "Blank Space" techniques
    - How to Migrate from "FlatList" to "FlashList" ?
    - Nested VirtualizedLists Error
    - Anti Pattern Reason
    - SOLUTION code
    - Component Call => Functional way
    - Component Call => React way
    - Functional way creates silent ERROR!
    - Error analysis
    - Rules of React Hooks (Violation)
    - Error Solution
    - Basic Flow of Payment Gateway
    - Sandbox Testing
    - How GOOGLE IAP & iOS IAP works ?
    - RevenueCat SDK
    - Implementation instruction (iOS & Android)
    - Higher Order Component (HOC) pattern
    - Render Props pattern
    - Custom Hooks
    - Lifting state to Parent Component
    - When custom Hooks are better than HOC?
    - Custom Hooks replaced "Render props pattern"

Endorsements

🟣 This Book - Featured on the Top RN Radio Podcast - ( by Jamon, Infinite Red )

🟣 RNTL Guide - Endorsed by Official Doc of RNTL - ( by Maciej, Callstack )

Contribution

  • If you find any issues in the guidebook, please create a pull request (PR). Your PR will help the community 🚀
  • Also, if you want to add more advanced guides to this repository, I will add you as a core contributor here 🔥

🎯 PUBLISHED RN SDK RELEASES R&D GUIDE 🚀

  • I'm doing deep R&D on different RN SDK releases & new features
  • Doing R&D on React Native Skia, React Native Screen, React Native, Expo, many more new features