React Native Advanced Guide Book (iOS & Android) - Be an Expert in 2024 π₯
- 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"