Code Monkey home page Code Monkey logo

react-native-advanced-guide's Introduction

React Native Advanced Guide Book

Alt text

  • This Guide Book was written by @anisurrahman072 (๐Ÿฅ CONNECT me in X)
  • It consists of 12 chapters & 70+ Advanced Topics that were written with deep R&D and took 5 months to complete in 2023. 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

react-native-advanced-guide's People

Contributors

anisurrahman072 avatar flexbox avatar junedomingo avatar khayym avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-native-advanced-guide's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.