Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 3 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
Development Mobile Development React

React Native With React Hooks & React Query:High Performance

Improve Your React Native Application Performance And Learn React Hooks & React Query
Rating: 2.8 out of 52.8 (29 ratings)
4,773 students
Created by Mohamed Adel
Last updated 12/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Create real-world apps using React Native
  • Learn React Hooks
  • Learn React Query API
  • Expo installation
  • Learn How To Create Custom Hook
  • Learn How To Cache Your Data In React Native
  • Learn How to solve The problem Of the Global State
  • Hooks Functions (useState, useEffect, useReducer,...)

Course content

5 sections • 22 lectures • 3h 7m total length

  • Preview04:20
  • Preview02:33
  • 2- what exactly is a 'Hook' ?
    01:53
  • 3-why react native: expo framework
    01:51
  • 4-install Node.js
    01:52
  • 5-Install React Native Expo Tool
    02:20
  • 6-Install VS Code
    02:33
  • 7-Setup our react native project
    07:55
  • 8-Install Navigation & Material Design Library
    14:13

  • 1-UseState hook
    24:33
  • 2-UseState Hook With Objects And Arrays
    13:23
  • 3-useEffect Hook
    08:57
  • 4-useReducer Hook
    08:30

  • 1- What is React Query API
    02:48
  • 2-How React Query solves The problems of the Global State
    03:56

  • 1-Design Login & Signup Screen and setup useReducer Hook
    19:21
  • 2-UseMutation Hook & Query Cache
    17:25
  • 3-Prefetch Data From The Mutate Function
    05:54
  • 4-useMutation Hook with Auth Process
    09:27

  • 1-useQuery Hook
    17:59
  • 2-Display The Returned Data Into FlatList
    15:34
  • API Documentation
    00:01

Requirements

  • All you need is basic understanding of React Native

Description

If you're tired of spinning your wheels learning Swift or Android, this is the course for you.

Improve your app performance? You will learn it. Hooks? Included. React Query? Of course!

This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices with high performance.

React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app. You'll love seeing your changes instantly appear on your own device, rather than waiting for Swift/Java code to recompile! This quick feedback loop, along with excellent cross platform support, is what has catapulted React Native to the top must-have skill for Javascript engineers.

Simply put, React Query makes fetching, caching, synchronizing and updating server state in your React applications a breeze.


Out of the box, React applications do not come with an opinionated way of fetching or updating data from your components so developers end up building their own ways of fetching data. This usually means cobbling together component-based state and effect using React hooks, or using more general purpose state management libraries to store and provide asynchronous data throughout their apps.

While most traditional state management libraries are great for working with client state, they are not so great at working with async or server state. This is because server state is totally different. For starters, server state:

  • Is persisted remotely in a location you do not control or own

  • Requires asynchronous APIs for fetching and updating

  • Implies shared ownership and can be changed by other people without your knowledge

  • Can potentially become "out of date" in your applications if you're not careful

Once you grasp the nature of server state in your application, even more challenges will arise as you go, for example:

  • Caching... (possibly the hardest thing to do in programming)

  • Deduping multiple requests for the same data into a single request

  • Updating out of date data in the background

  • Knowing when data is "out of date"

  • Reflecting updates to data as quickly as possible

  • Performance optimizations like pagination and lazy loading data

  • Managing memory and garbage collection of server state

  • Memoizing query results with structural sharing

React Query is hands down one of the best libraries for managing server state. It works amazingly well out-of-the-box, with zero-config, and can be customized to your liking as your application grows.

React Query allows you to defeat and overcome the tricky challenges and hurdles of server state and control your app data before it starts to control you.

On a more technical note, React Query will likely:

  • Help you remove many lines of complicated and misunderstood code from your application and replace with just a handful of lines of React Query logic.

  • Make your application more maintainable and easier to build new features without worrying about wiring up new server state data sources

  • Have a direct impact on your end-users by making your application feel faster and more responsive than ever before.

  • Potentially help you save on bandwidth and increase memory performance

Enough talk, show me some code already!


Who this course is for:

  • Anyone Who Wants To Create Mobile Applications For Both Android & IOS

Instructor

Mohamed Adel
Java / Javafx & Mobile Developer
Mohamed Adel
  • 3.7 Instructor Rating
  • 851 Reviews
  • 6,799 Students
  • 4 Courses

I am worked as a Senior Mobile Application / Node.js Developer .

Adel's mission is simple:  to make a difference in your career by helping you to become a software developer.  Adel does that through his React native, Java  courses.

Are you ready to start?  You can get started today!  No previous experience is necessary.

Why not start today?  Click one of my courses below, and watch his introductory video, to find out more about who he is and what he can offer you.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.