Coder Social home page Coder Social logo

codebyrahulsaini / react-native-advanced-guide Goto Github PK

View Code? Open in Web Editor NEW

This project forked from anisurrahman072/react-native-advanced-guide

0.0 0.0 0.0 14.02 MB

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

Home Page: https://medium.com/@anisurrahmanbup/list/react-native-advanced-architecture-be-an-expert-d7481c91d0de

JavaScript 100.00%

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"

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 🔥

react-native-advanced-guide's People

Contributors

anisurrahman072 avatar flexbox avatar junedomingo avatar

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.