Advanced React Native Techniques and Deployment Course

Aralin 1 • Core Architecture at Component Model

Suriin ang JavaScript bridge, native thread model, at component hierarchy. Ang pag-unawa sa arkitekturang ito ay gumagabay sa mga desisyon sa pagganap sa mga susunod na kabanata.

Aralin 2 • State Management kasama ang Hooks

Ilapat ang useState, useEffect, at useReducer upang pamahalaan ang local component state. Ang mga pattern na ito ay sumusuporta sa bawat stateful feature na gagawin sa buong kurso.

Aralin 3 • Pagse-set Up ng Development Environment

I-configure ang Node.js, Watchman, Xcode, at Android Studio para sa cross-platform development. Tinitiyak ng pundasyong ito na lahat ng susunod na ehersisyo ay tatakbo nang walang mga error sa toolchain.

Aralin 4 • Debugging at Developer Tools

Gamitin ang Flipper, React DevTools, at ang Metro bundler console upang masuri ang mga isyu. Ang epektibong kasanayan sa pag-debug ay nagpapabilis ng pag-develop sa bawat susunod na kabanata.

Aralin 1 • Nested at Conditional Navigation

Bumuo ng mga nested navigator at kundisyunal na i-render ang mga ruta batay sa auth state. Ang pattern na ito ay mahalaga para sa paghihiwalay ng mga authenticated at pampublikong bahagi ng app.

Aralin 2 • React Navigation Core Concepts

I-install at i-configure ang React Navigation, pagkatapos ay bumuo ng stack, tab, at drawer navigators. Ang mga primitive na ito ang bumubuo sa balangkas ng bawat screen flow sa proyekto ng kurso.

Aralin 3 • Pag-optimize ng Pagganap ng Navigation

Ilapat ang lazy loading, screen unmounting, at header memoization upang bawasan ang navigation overhead. Direktang pinapabuti ng mga optimisasyong ito ang frame rates sa mga low-end na device.

Aralin 1 • Katayuan ng Server gamit ang React Query

Pamahalaan ang remote data fetching, caching, at synchronization gamit ang React Query. Ang bahaging ito ay nagtutulay sa local UI state at backend data na tinalakay sa kabanata ng API.

Aralin 2 • Lightweight State gamit ang Zustand

Bumuo ng mga minimal na global store gamit ang Zustand at ihambing ang mga trade-off nito sa Redux. Ang Zustand ay angkop para sa mas maliliit na feature module kung saan hindi kinakailangan ang overhead ng Redux.

Aralin 3 • State Persistence at Rehydration

Panatilihin ang state sa AsyncStorage at MMKV, pagkatapos ay i-rehydrate sa paglulunsad ng app. Ang maaasahang persistence ay kritikal para sa mga offline-capable na app na gagawin sa mga susunod na kabanata.

Aralin 4 • Context API para sa Scoped State

Gamitin ang React Context na may memoization upang ibahagi ang state sa loob ng feature boundaries. Ang Context ay komplemento sa mga global store sa pamamagitan ng pag-iwas sa prop drilling sa mga nested component.

Aralin 1 • Pagpigil sa mga Karaniwang Mobile Vulnerability

I-mitigate ang reverse engineering, screenshot leakage, at insecure logging sa production builds. Ang proactive hardening ay nagbabawas sa pagkakalantad sa mga karaniwang banta sa seguridad ng mobile.

Aralin 2 • Data Encryption at Privacy Controls

I-encrypt ang mga local database gamit ang SQLCipher at ilapat ang mga prinsipyo ng data minimization. Pinoprotektahan ng encryption at rest ang data ng user kung makompromiso ang isang device.

Aralin 3 • Authentication Flows at Token Management

Bumuo ng login, registration, at token refresh flows gamit ang OAuth2 at JWT. Pinipigilan ng secure token lifecycle management ang session hijacking sa mga production app.

Aralin 4 • Secure Storage at Keychain

Itago ang mga credential at token sa iOS Keychain at Android Keystore gamit ang react-native-keychain. Pinipigilan ng platform-native secure storage ang pagkakalantad ng credential mula sa file system access.

Aralin 1 • Ligtas na Komunikasyon sa API

Ipatupad ang token refresh flows, certificate pinning, at secure header management. Ang pagpapatigas ng seguridad dito ay nagpoprotekta sa data ng user sa susunod na kabanata ng authentication.

Aralin 2 • Pagtukoy ng Estado ng Network

Gamitin ang NetInfo upang matukoy ang mga pagbabago sa connectivity at iangkop ang UI nang naaayon. Ang tumpak na pagtukoy ng network state ay ang prerequisite para sa offline queue na susunod na gagawin.

Aralin 3 • REST API Integration gamit ang Axios

I-configure ang mga Axios instance, interceptor, at retry logic para sa matatag na HTTP communication. Pinipigilan ng sentralisadong Axios setup ang paulit-ulit na error handling sa buong codebase.

Aralin 4 • GraphQL gamit ang Apollo Client

I-set up ang Apollo Client, sumulat ng mga query at mutation, at pamahalaan ang normalized cache. Binabawasan ng GraphQL ang over-fetching kumpara sa REST para sa mga complex data graph.

Aralin 1 • Memoization at Render Optimization

Ilapat ang React.memo, useMemo, at useCallback upang pigilan ang hindi kinakailangang pag-re-render ng component. Direktang binabawasan ng mga pamamaraang ito ang workload ng JS thread sa mga screen na maraming interaksyon.

Aralin 2 • Pag-optimize ng JavaScript Bundle

Ilapat ang code splitting, inline requires, at RAM bundle format upang bawasan ang startup time. Ang laki ng bundle ay direktang nakakaapekto sa time-to-interactive sa unang paglulunsad.

Aralin 3 • Pag-profile gamit ang Flipper at Hermes

Gamitin ang Hermes profiler at Flipper performance plugin upang matukoy ang CPU at memory hotspots. Ang pag-profile bago mag-optimize ay pumipigil sa nasayang na pagsisikap sa mga code na hindi bottleneck.

Aralin 4 • Image at Asset Optimization

Gamitin ang FastImage, WebP format, at progressive loading upang bawasan ang oras ng pag-render ng imahe. Binabawasan ng mga na-optimize na asset ang memory pressure at pinapabuti ang perceived load speed.

Aralin 1 • Pag-unawa sa Native Bridge

Sundan kung paano tumatawid ang mga tawag ng JavaScript sa bridge patungo sa native code at bumabalik nang asynchronous. Ang mental model na ito ay kinakailangan bago sumulat ng anumang native module code.

Aralin 2 • Pagsusulat ng mga Native Module ng Android sa Kotlin

Ipatupad ang isang ReactContextBaseJavaModule sa Kotlin at irehistro ito sa isang ReactPackage. Ang mga Kotlin module ay nagbibigay ng access sa mga Android system API at hardware features.

Aralin 3 • Pagsulat ng iOS Native Modules sa Swift

Lumikha ng isang RCTBridgeModule sa Swift, ilantad ang mga method, at mag-emit ng mga event sa JavaScript. Ang mga Swift module ay nagbibigay-daan sa pag-access sa mga iOS-only API na hindi available sa JavaScript layer.

Aralin 4 • JSI at ang Bagong Arkitektura

Gamitin ang JSI upang tawagan ang mga native C++ function nang synchronous nang walang bridge serialization. Ang JSI ang pundasyon ng Fabric at TurboModules na ipinakilala sa bagong arkitektura.

Aralin 1 • Component Testing gamit ang React Native Testing Library

I-render ang mga component nang hiwalay at mag-assert sa output na nakikita ng user gamit ang mga RNTL query. Pinapatunayan ng mga component test ang UI behavior nang hindi nangangailangan ng tumatakbong device.

Aralin 2 • Pag-setup ng Pipeline para sa Continuous Integration

I-configure ang isang CI service upang magpatakbo ng mga test, lint, at build sa bawat pull request. Pinipigilan ng mga automated CI gate ang sirang code na makarating sa main branch.

Aralin 3 • End-to-End Testing gamit ang Detox

Sumulat ng mga Detox test na nagmamaneho ng isang tunay na simulator sa pamamagitan ng kumpletong user flows. Nahuhuli ng mga E2E test ang mga pagkabigo sa integrasyon na hindi nakikita ng unit at component test.

Aralin 4 • Pagsubok ng Unit at Integration gamit ang Jest

Sumulat ng mga unit test para sa hooks at utilities at integration test para sa Redux slices gamit ang Jest. Ang isang maaasahang test suite ay nakakahuli ng mga regression bago pa man umabot sa CI pipeline.