{"id":15036426,"url":"https://github.com/anisurrahman072/react-native-advanced-guide","last_synced_at":"2025-05-15T06:09:01.745Z","repository":{"id":214876247,"uuid":"737570166","full_name":"anisurrahman072/React-Native-Advanced-Guide","owner":"anisurrahman072","description":"React Native Advanced Guide Book (iOS \u0026 Android) - Be an Expert in 2024 🔥","archived":false,"fork":false,"pushed_at":"2024-10-02T23:35:02.000Z","size":23773,"stargazers_count":2252,"open_issues_count":7,"forks_count":233,"subscribers_count":42,"default_branch":"master","last_synced_at":"2025-05-15T06:08:07.676Z","etag":null,"topics":["advanced-programming","performance-optimization","react-native"],"latest_commit_sha":null,"homepage":"https://twitter.com/anis_RNCore","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/anisurrahman072.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-31T15:07:34.000Z","updated_at":"2025-05-15T05:00:21.000Z","dependencies_parsed_at":"2024-01-09T17:42:28.416Z","dependency_job_id":"95999e43-dd57-4482-a7a9-0739c14bd28c","html_url":"https://github.com/anisurrahman072/React-Native-Advanced-Guide","commit_stats":null,"previous_names":["anisurrahman072/react-native-advanced-guide"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anisurrahman072%2FReact-Native-Advanced-Guide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anisurrahman072%2FReact-Native-Advanced-Guide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anisurrahman072%2FReact-Native-Advanced-Guide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anisurrahman072%2FReact-Native-Advanced-Guide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anisurrahman072","download_url":"https://codeload.github.com/anisurrahman072/React-Native-Advanced-Guide/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254283350,"owners_count":22045141,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["advanced-programming","performance-optimization","react-native"],"created_at":"2024-09-24T20:31:06.796Z","updated_at":"2025-05-15T06:08:56.723Z","avatar_url":"https://github.com/anisurrahman072.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Advanced Guide Book\n\n![Alt text](\u003cimages/Screenshot 2024-01-01 at 1.32.08 AM.png\u003e)\n\n- This **Guide Book** was written by [**Anis**](https://github.com/anisurrahman072) ([🩵 **CONNECT me in X**](https://twitter.com/anis_RNCore))\n- It consists of **12 chapters** \u0026 **70+ Topics** that were written with deep R\u0026D and took me **5 months** to complete.\n- The guide was first published as 12 articles on ([**Medium**](https://medium.com/@anisurrahmanbup)).\n- All the Articles were originally based on **RN v0.71**.\n\n### 🩵 If you find this BOOK helpful, please give a STAR 🩵\n\n# Table of Contents (70+ TOPICS)\n\n### [✅ 001 - Ultimate Guide on New Architecture in depth](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/New-Architecture/New-Architecture-in-depth.md)\n\n        - Codegen (Native Code Generator)\n        - JSI (JavaScript Interface)\n        - Hermes Engine (New JS compiler)\n        - Turbo Modules (New Native Modules)\n        - Fabric (New Rendering Engine)\n        - Yoga (Cross platform layout engine)\n\n### [✅ 002 - Ultimate Guide on Debugging, Profiling \u0026 Advanced Optimization](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/Debugging-Profiling/Debugging-and-Profiling-ultimate-guide.md)\n\n        - iOS \u0026 Android Dev Menu\n        - Chrome Dev Tools\n        - Performance Monitor\n        - FPS (Frame Per Second)\n        - React Native four Threads\n        - Flipper for JS Context tracking\n        - Profiling iOS by Xcode Instruments\n        - Android Profiler in Android Studio\n\n### [✅ 003 - Ultimate Guide on Component (JS) Testing by RNTL with Jest setup](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/Testing/RNTL-Component-Testing-ultimate-guide.md)\n\n        - Brief intro with all types of RN testing\n        - React Native Testing Library (RNTL) details\n        - JEST setup \u0026 all it's config\n        - API =\u003e Render(): “queries”, “update\", “debug\"\n        - API =\u003e UserEvent()\n        - API =\u003e FireEvent()\n        - API =\u003e WaitFor()\n        - API =\u003e Mocking(): \"jest.fn()\" \u0026 \"jest.mock()\"\n        - Host \u0026 Composite components in RN\n\n### [✅ 004 - Ultimate Guide on Hermes \u0026 Static Hermes](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/New-Architecture/Hermes-and-Static-Hermes-in-depth.md)\n\n        - Bundle Release\n        - Relation between Bundle \u0026 Hermes\n        - Hermes Bytecode (.hbc)\n        - How to enable Hermes ?\n        - Oversure is Hermes working or not ?\n        - Enabling Hermes in Old RN Versions\n        - Static Hermes\n\n### [✅ 005 - Ultimate Guide on How to Enable New Architecture](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/New-Architecture/How-to-Enable-New-Architecture.md)\n\n        - Development ENV to Enable New Architecture\n        - Enable Hermes Instruction\n        - Npx Commands for Android\n        - Npx Commands for iOS\n        - Confirm New Architecture in action\n\n### [✅ 006 - Ultimate Guide on Performance Optimization](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/Performance-Optimization/Performance-Optimization-coding-guide.md)\n\n        - Use New Architecture\n        - FlatList/ SectionList for List Performance\n        - Unnecessary Console\n        - Cache mechanism\n        - Image resize, Cache Image \u0026 Fast loading Image\n        - Schedule Animation \u0026 Native driver\n        - Coding standard\n        - Hermes Engine\n        - Reselect with Redux\n        - Monitor Memory usage\n        - Fast Navigation\n\n### [✅ 007 - Ultimate Guide on Virtualization (List of Items) Optimization](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/List-and-Virtualization/All-ListView-and-Virtualization-Optimization.md)\n\n        - \u003cVirtualizedList /\u003e optimization\n        - \u003cFlatList /\u003e optimization\n        - \u003cSectionList /\u003e optimization\n        - \u003cScrollView /\u003e with Virtualization props\n\n### [✅ 008 - Ultimate Guide on FlashList (Cell Re-Cycling) Optimization](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/List-and-Virtualization/FlashList-Cell-Recycling-details.md)\n\n        - Details about “RecyclerListView”\n        - Why Cell Re-Cycling ?\n        - Difference between \"Blank Cell\" \u0026 \"Cell Re-cycling\"\n        - FlashList Implementation\n        - All important props of FlashList\n        - Check Performance of your FlashList\n        - Reduce \"Blank Space\" techniques\n        - How to Migrate from \"FlatList\" to \"FlashList\" ?\n\n### [✅ 009 - Ultimate Guide on Nested Virtualization (Anti Pattern)](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/Anti-Patterns/Nested-Virtualization-anti-pattern.md)\n\n        - Nested VirtualizedLists Error\n        - Anti Pattern Reason\n        - SOLUTION code\n\n### [✅ 010 - Ultimate Guide on Component Call (Anti Pattern)](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/Anti-Patterns/Component-Call-anti-pattern.md)\n\n        - Component Call =\u003e Functional way\n        - Component Call =\u003e React way\n        - Functional way creates silent ERROR!\n        - Error analysis\n        - Rules of React Hooks (Violation)\n        - Error Solution\n\n### [✅ 011 - Ultimate Guide on IN APP PURCHASE (iOS \u0026 Android)](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/In-App-Purchase/In-App-Purchase-details-implementation.md)\n\n        - Basic Flow of Payment Gateway\n        - Sandbox Testing\n        - How GOOGLE IAP \u0026 iOS IAP works ?\n        - RevenueCat SDK\n        - Implementation instruction (iOS \u0026 Android)\n\n### [✅ 012 - Ultimate Guide on Higher Order Component, PROPS \u0026 Custom Hooks](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/Components-and-Hooks/HOC-Props-and-Custom-Hooks.md)\n\n        - Higher Order Component (HOC) pattern\n        - Render Props pattern\n        - Custom Hooks\n        - Lifting state to Parent Component\n        - When custom Hooks are better than HOC?\n        - Custom Hooks replaced \"Render props pattern\"\n\n### [🔥 C++ \u0026 JSI Module Guides coming soon → → Stay Tune 🚀]()\n\n# Endorsements\n\n### 🟣 [This Book](https://github.com/anisurrahman072/React-Native-Advanced-Guide) - Featured on the Top [RN Radio Podcast](https://reactnativeradio.com/episodes/rnr-285-expo-dominates-the-app-store-and-other-news) - ( by [Jamon](https://twitter.com/jamonholmgren), [Infinite Red](https://twitter.com/infinite_red) )\n\n### 🟣 [RNTL Guide](https://github.com/anisurrahman072/React-Native-Advanced-Guide/blob/master/Testing/RNTL-Component-Testing-ultimate-guide.md) - Endorsed by [Official Doc of RNTL](https://callstack.github.io/react-native-testing-library/docs/guides/community-resources) - ( by [Maciej](https://twitter.com/mdj_dev), [Callstack](https://twitter.com/callstackio) )\n\n# Contribution\n\n- If you find any issues in the guidebook, please create a pull request (PR). Your PR will help the community 🚀\n- Also, if you want to add more advanced guides to this repository, I will add you as a core contributor here 🔥\n\n# 🎯 PUBLISHED [RN SDK RELEASES R\u0026D GUIDE](https://github.com/anisurrahman072/React-Native-SDK-Research) 🚀\n\n- I'm doing deep R\u0026D on different RN SDK releases \u0026 new features\n- Doing R\u0026D on React Native Skia, React Native Screen, React Native, Expo, many more new features\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanisurrahman072%2Freact-native-advanced-guide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanisurrahman072%2Freact-native-advanced-guide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanisurrahman072%2Freact-native-advanced-guide/lists"}