Skip to content

anisurrahman072/React-Native-Advanced-Guide

Repository files navigation

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 🩡

πŸ“¨ SUBSCRIBE to our newsletter - React20Bulletin πŸ‘‡

Substack Main Banner

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