React Native and Redux Course using hooks

Install expo with npm and create a new react native project in vscode. Run on android or ios using expo start and scan the QR code.

Build a basic React Native interface with functional components, view and text elements, and flexbox layouts. Adjust spacing with margins and status bar considerations.

Design a React Native home screen by combining an image and text, creating a circular avatar, and using flexbox to align items; render a dynamic list of names with positions.

Design the home screen using React Native FlatList to efficiently render large data sets with renderItem and keyExtractor, improving performance over map for dynamic lists.

Design a create employee screen in a React Native app using hooks, featuring inputs for name, phone, email, salary, and a profile picture with a modal for data entry.

Open a modal popup with a button, control visibility via state, and customize slide-up animation and a blue theme; include camera or gallery upload and close actions.

Design a profile screen in a React Native app with a gradient header, centered profile image, and tested components for future navigation.

Design a profile screen in a react native app using hooks, displaying the user name under the avatar, centering text, and adding email and phone with icons and action buttons.

Learn to use React Native Linking to open the mail app and dialer from a press event. Detect Android vs iOS to route to the correct app on a device.

Learn to install and configure React Navigation in a React Native app, set up a navigation container and stack navigator, and navigate between screens using on press.

Explore customizing a header in a react native app by setting header options, changing the title and colors, and wiring navigation to a profile screen.

Make the profile screen dynamic by passing a profile object through navigation and rendering name, email, phone, and picture, with salary and position as needed.

Access the camera and image gallery in a React Native app, manage permissions, and implement an image picker with configurable aspect ratio and quality controls.

Learn to upload images to Cloudinary from a React Native project by building form data with image, upload preset, and cloud name, posting to Cloudinary, and handling the response.

Set up Node.js and MongoDB backend with Express and Mongoose, install dependencies with npm, configure body-parser, run the server with nodemon, and test endpoints with Postman.

Define a mongoose employee schema and model, specifying fields like name, email, phone, picture, and salary, and connect to MongoDB with unified topology options.

Learn how to create a post route handler, access request.body to receive front-end data, and test with postman using application/json, and handle fields like name, position, salary, and image.

Learn to implement update and delete route handlers in a React Native and Redux course using hooks, including deleting by id, updating records, and fetching all employees via backend APIs.

Discover how ngrok forwards your React Native app traffic from the emulator to your local backend, enabling get, post, update, and delete requests, with production deployment considerations.

Connect your React Native front end to the back end by posting data with fetch, handling content-type headers, and uploading images while debugging the integration.

Fetch records in the home screen of a React Native app using hooks, manage loading with an activity indicator, render the fetched data, and enable navigation between screens.

Implement a pull to refresh feature in a React Native app using hooks and FlatList. Manage refreshing state, fetch data on refresh, and handle errors with alerts.

Create a delete employee function in the profile component, send a post request with the employee id via fetch, and navigate back to the home screen to refresh the list.

Learn how to update an employee's details in a React Native app with hooks: navigate to a create screen, pass and parse data, implement update logic, and display success.

Implement a keyboard avoiding view in a React Native form by wrapping inputs, managing a shift state on focus, and adjusting the view to keep name and salary fields visible.

Explore why Redux centralizes data in a center store to share across home and profile components. Dispatch actions with payload to update the store and ensure predictable data flow.

Learn to add redux in a React Native app using hooks, creating a central store with a reducer and actions, and managing data and loading with useSelector and useDispatch.

Learn to implement the Context API with hooks in a React Native project, using create context, use reducer, and provider to share state and dispatch actions across components.

Create a custom header component for a React Native app, using icons and text, styled with flex layout, margins, and color, before integrating navigation later.

Create a reusable home screen card component in React Native, showcasing an image, icon, title, and channel name with responsive styling, elevation, and ellipsized text in a scroll view.

Create a search screen header in a React Native app using hooks, featuring a back icon, a text input with onChangeText, and a submit button to query the YouTube API.

Create a reusable mini card component for the search screen in a React Native Redux course using hooks, styling image and text with responsive width, margins, and scrollable layout.

Learn to fetch videos from the YouTube Data API in a React Native app using hooks, implement search for videos with snippets and thumbnails, and show a loading indicator.

Tackle YouTube API image loading issues in a React Native app by applying an alternative approach to ensure all images load and preview upcoming navigation enhancements.

Learn to add icons to tabs and wire navigation in a React Native app using hooks, including header setup and navigating between home, explore, and subscriptions screens.

Learn to make a dynamic home screen by wiring Redux with React hooks, creating a store, provider, and actions, then share state between components using useSelector and useDispatch.

Create a dynamic home screen in a React Native Redux app by connecting to the central store, using useSelector and dispatch to feed a flat list of items.

this lecture builds the explore screen tab in a react native app by creating a reusable card and arranging multiple cards in a two-row grid using flex wrap.

Build a video player screen in React Native using hooks, embed YouTube content via a web view, and pass video id and title through props to enable navigation.

Learn to implement a dark theme in a React Native app by configuring the navigation theme, customizing colors, icons, and header text using a theme hook.

Learn to toggle dark and light themes with redux by adding a theme button, managing a theme state, dispatching a toggle action, and reflecting changes across screens with selectors.