React Native Tutorial – Making a Login App with profile page #1 | Building the frontend



Support this channel on Patreon:
https://www.patreon.com/fullstackdevelopment

React Native Drag and Drop App Builder: https://interactiveappbuilder.com/

Want to learn how to create apps from scratch? Check out my Become An App Developer In 3 hours Course on Udemy: https://www.udemy.com/how-to-become-an-professional-app-developer-for-beginners/?couponCode=FULLSTACKDEVELOPMENT

( Limited 10€ price with FULLSTACKDEVELOPMENT coupon code )

In this React Native tutorial series we’ll build a React Native App with a Login user system which consists of a login page and a member page. To connect the app to a database and validate that a user exists we will use Node.js, express and a mysql database.

In this episode we will build the frontend.

# Popular searchwords for this video
react
native
programming
app
ios
android
code
coding
web
development
fullstack
tutorial
emulator
node
express
html
css
less
how to make an app

14 thoughts on “React Native Tutorial – Making a Login App with profile page #1 | Building the frontend”

  1. Hi! This channel is growing very quick (thank you to everyone who subscribes) and i try to answer as many questions as possible but unfortunately i can't answer every question.

    THEREFORE, i have just launched a forum called FullstackDiscussion – https://fullstackdiscussion.com .

    The idea is that if you have a question about any of the FullstackDevelopment tutorials you can get help and help others at FullstackDiscussion, as well as discussing other topics. You will also be able to access source code from tutorials at FullstackDiscussion in the future.

    This way you as a developer will get a free way of learning from others and you are more likely to get answers to your questions. You can login to FullstackDiscussion with your existing Gmail or Github account, or register a new FullstackDiscussion account at fullstackdiscussion.com/register .

    Reply
  2. App.js :
    import React from 'react';
    import {
    StyleSheet,
    Text,
    View
    } from 'react-native';
    import {
    StackNavigator,
    } from 'react-navigation';

    import Login from './app/components/Login';

    const BasicApp = StackNavigator({
    Login: { screen: Login }
    });

    export default class App extends React.Component {
    render() {
    return (
    <BasicApp />
    );
    }
    }

    const styles = StyleSheet.create({

    });

    Reply
  3. NOTICE! If you are following this tutorial and using React Native 0.5 or newer, please notice React Native 0.5 Release Notes:
    BREAKING: Removed support of nested content inside <Image>
    https://github.com/facebook/react-native/releases/tag/v0.50.0

    This means you will get an error when following this tutorial, to fix the error:
    Replace <Image> with <ImageBackground /> if you are using children inside the Image Component.

    Reply
  4. when i am using a view inside a image  it is showing me error the <image> component can not contain children if you want to render content on top of image, consider using abosolute positioning
    so how did you use ???

    Reply
  5. The navigator used in this tutorial is DEPRECATED, see this tutorial for how to use the new navigator:
    https://www.youtube.com/watch?v=0h2TLGJya4A

    Reply

Leave a Comment