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+ AWS Certified Developer - Associate
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 Life Purpose Meditation 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
2020-12-31 09:24:44
30-Day Money-Back Guarantee

This course includes:

  • 6 hours on-demand video
  • 1 article
  • 19 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Mobile Development React Native

Convert your WordPress Website into a react native app

Use the WordPress REST API to create a React Native app for your website through Expo workflow.
New
Rating: 4.1 out of 54.1 (4 ratings)
1,930 students
Created by Boostrand Training
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Use React Native to create a mobile app
  • Use Expo to build the app in order to be distributed to App Store and Play Store
  • Use WordPress built-in REST API to fetch the data from the app
  • Use React Navigation to create tabs, drawer menus and navigate between pages
  • Use React hooks as useState and useContext

Course content

7 sections • 40 lectures • 5h 54m total length

  • Preview02:39
  • Requirements and Platforms needed
    10:08
  • Environment Setup
    05:48
  • How to Test your App?
    07:25
  • Basic React and React Native Concepts
    07:29

  • Fetching the posts from WordPres REST API
    09:35
  • Show the first post on the app with useState Hook
    06:13
  • Minor fix: Adjust Prettier to VSCode
    01:16
  • Displaying a set of posts by mapping the posts array
    07:59
  • Adding Featured Image to post Thumbnail and minor fixes
    10:09
  • SafeAreaView and adjusting some styles
    05:36
  • Scrolling the posts on the app screen
    10:24
  • Fetching new posts on scrolling to the bottom
    11:48
  • Preview08:57

  • Introduction to React Navigation
    03:27
  • Setting Up the Navigator and all posts screen
    06:08
  • Create a screen for each single post
    15:10
  • Getting the posts related to a specific category
    07:52
  • A bit of refactoring and custom components
    12:33
  • Adjusting the navigation header
    11:49
  • Configure search screen and search functionality
    13:29
  • Preview09:41
  • Adding drawer Navigator and more header adjustments
    10:28
  • Add pages and tags screen from the drawer navigator
    17:24
  • Adjust tab navigator with drawer navigator and minor fixes
    08:53

  • Adjusting settings screen and adding dark mode settings
    11:49
  • Use React context API to change the colors in the app from the settings screen
    20:15
  • Adjusting colors for the App (part 1)
    12:32
  • Adjust dark mode for app components (Part 2)
    13:43
  • Preview04:43
  • Save the app setting and use it with AsyncStorage
    08:35
  • Adjust the dark mode for the status bar
    04:06

  • 30 Configuring ads on our app
    07:10
  • Adding share button
    06:39

  • Configuring app.json file (Part 1)
    15:52
  • Configuring app.json file (Part 2)
    08:45
  • Publish the app on expo
    05:36
  • Build Android app
    03:30
  • Preview08:42

  • RNWP Template
    00:38

Requirements

  • A laptop and an internet connection
  • For Windows or Linux users, an iPhone would be needed to test the app on IOS.
  • If you want to build the app without the need to code, this course has a React Native template that can be used with a WordPress plugin to create the app without coding knowledge.
  • Javascript basics, preferably ES6 syntax.
  • React basics are recommended, however I'll try to explain React concepts needed in this course
  • WordPress basics

Description

React Native is an excellent tool for building both android and ios apps with the same codebase. For web developers, it can be even more suitable to build mobile apps as it is mainly based on Javascript. WordPress has also made it easier by providing the built-in REST API.

So if you are having a WordPress website with basic Javascript knowledge and you want to create a mobile app for the website, this course would be for you.

If you have no Javascript knowledge or you don't want to dig much through coding, this course provides a readymade template that you can use along with a WordPress plugin to create your app.

In this course you will learn:

  • How to set up the Expo environment to test your app

  • How to use React Native to build the front-end of your app

  • React Native main components

  • Fetching the data from WordPress REST API to our app

  • React basics as functional components and passing props

  • React hooks as useState, useEffect, and useContext

  • How to add a React custom component

  • Use React Navigation package to adjust tabs or drawer menus or go from a screen to another

  • Enable or disable the dark mode based on user preference

  • Store app settings in the device and then get them using AsyncStorage

  • Styling the app and customizing the style based on the device dimensions or platform

  • Debugging errors

  • Publishing the app to Expo and deploying it to the stores

Who this course is for:

  • WordPress website owners who want to create a simple app for their website
  • WordPress developers who want to add a simple app in the services or packages they provide to their clients

Instructor

Boostrand Training
Chemical Engineer and Developer
Boostrand Training
  • 4.1 Instructor Rating
  • 4 Reviews
  • 1,930 Students
  • 1 Course

Boostrand Training is dedicated to introducing courses aiming to help chemical engineers start their career in Process Engineering.

With a chemical engineering background and more than 8 years of experience as a process engineer in oil and gas projects, including in Refining, Petrochemicals, Gas Processing, and Oil Facilities, Boostrand Training hopes it can help new graduates understand how these projects work and how units are designed throughout my courses.

Through coding knowledge, Boostrand Training also aims to introduce the concept of automation of tasks of a process engineer through tools that depend on programming.

  • 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.