YoVDO

React Native Tutorial - Adding a DateTime Picker to Silent Auction App - Part 20

Offered By: Ben Awad via YouTube

Tags

React Native Courses Mobile Development Courses Javascript Courses

Course Description

Overview

Learn how to implement a datetime picker field in a React Native form for a silent auction app. Explore the process of importing and creating a Date Picker component, handling visibility toggling, debugging common issues, and managing date formatting. Follow along as the tutorial demonstrates fixing the Date Picker, implementing confirm and cancel functionality, and handling the picked date. Practice testing the button, visibility, and content of the datetime picker while understanding the differences between time and date formats. Gain insights into using Moment.js for date manipulation and formatting in your React Native application.

Syllabus

Intro
Date Picker Component
Import Date Picker Component
Create Date Picker
Toggle Visibility
Debugging
Fixing Date Picker
Fixing ConfirmOnCancel
Fixing DatePicked
Handling DatePicked
Removing Button
Testing Button
Testing Visibility
Testing Content
Time vs Date
Date
DateState
DateFormat
Moment
Date Object
Date Format
Date Data
Item Last
Margin


Taught by

Ben Awad

Related Courses

CS50's Mobile App Development with React Native
Harvard University via edX
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
React
Udacity
Computer Science and Mobile Apps
Harvard University via edX
A Complete React Native Course - Redux - Context API - 2020
Udemy