Загрузка...

Login Form in React Native in Hindi #29 | Input, Password Field, Checkbox in React Native P-1

Welcome, we will see how to create a Login form in react native in Hindi. In this process we will learn how to work with Input fields in React Native. Also how to protect the password fields, How to work with checkbox and Login Button and use the ternary operator to make things works.

👉 For Source Code Join Discord Server: https://discord.gg/3T5NnxbRup

😍 Check my Instagram to Connect with me: https://www.instagram.com/thapatechnical

------------- TimeLine --------------------

00:00 Introduction
00:10 Preview of Login Form
02:09 What will we make in today's video?
03:17 Environment setup and Folder structuring
04:10 Adding stylesheet
05:01 Creating Login Form
05:28 Adding Labels in Login Form
06:04 Creating InputContainer view in Login Form
07:14 Adding TextInput Field in Login Form
08:25 Checkout CSS video
08:41 Use of autoCapitalize in TextInput Field
09:20 Use of autoCorrect in TextInput Field
09:30 Adding Password input Field in Login Form
10:15 How to get checkbox?
11:39 Install expo-checkbox package for checkbox
12:42 Adding Checkbox in Login Form
14:52 Adding Button in Login Form
15:26 Change styling of Checkbox when it is clicked
17:46 Change styling of of Button when Checkbox is clicked
19:00 Adding Disable-Enable Functionality in Button
20:00 What will we learn in next video?
20:27 Where we get free source code?
20:30 Outro
************* Must Watch Videos For Web Development *************

➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ

➡️ Install VS Code for ReactJS LINK: https://www.thapatechnical.com/2020/05/install-reactjs-windows-install-nodejs.html

😍😍 Check Programming Videos in One Hour👇

➡️ Complete Reactjs in One video here https://youtu.be/43IbFDSVdB0

➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw
➡️ CSS in One video: https://youtu.be/hkQv0NIxKQY
➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA
➡️ JavaScript in One video: https://youtu.be/PODgPW-hbfU
➡️ ECMAScript 6 in One Video: https://youtu.be/Iek4DtRobLA
➡️ HTML5 in one video: https://youtu.be/4V0-YpO-KZo
➡️ CSS3 in one video: https://youtu.be/TFrFx7H5ZI8
➡️ Bootstrap4 in One video: https://youtu.be/yZnNnvXO8HI
➡️ Jquery in One video: https://youtu.be/PNvyPEQ0y-I
➡️ JSON in one video: https://youtu.be/bMqevPKAPD4
➡️ ReactJS in one video: https://youtu.be/43IbFDSVdB0
➡️ PHP in One Video: https://youtu.be/3024Kc6SDJ0
➡️ NodeJS in one video: https://youtu.be/ipnWAKoiBt
➡️ MySQL in one video: https://youtu.be/5bFxbwjN-Gk
*********** CLICK HERE TO WATCH *************

➡️ Fetch API in JavaScript: https://youtu.be/TojSXOuGUW4

➡️ AJAX tutorial for beginners in Hindi: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3ZgLj8upMGSRSC1ezBfEZs

➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: https://youtu.be/Qcph3GB1JFs

➡️ Async Await in JavaScript in Hindi: https://youtu.be/hFLXE5-JCcs

➡️ Promises in JavaScript in Hindi: https://youtu.be/xGBhmi4wwMI

➡️ Callback Hell in JavaScript: https://youtu.be/fr67u98nckk

➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true

➡️ ECMAScript Tutorial in Hindi 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp19VX-DM4oHtmWhDfWblFh-

➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA

➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg
➡️ Source Code Link: https://www.thapatechnical.com/2019/11/how-to-get-source-code.html
➡️ Top 5 Programming Languages in 2020: https://youtu.be/czroY5nAD0c
➡️ Ludo Game JavaScript Link: https://youtu.be/_tlncjn1JpU
➡️Plz show some love to My Siter Youtube Channel and Plz Subscribe Link: https://www.youtube.com/channel/UCEst8yZ12JEYsSVVXmtU7GQ
***************** MUST WATCH VIDEOS ******************
➡️ How to become a Full Stack Developer 2020: https://youtu.be/etZ4jq_YjyM
➡️ How To Become a Web Developer 2020: https://youtu.be/Ur9LGVT-GXs
➡️ How JavaScript Works: https://youtu.be/VaBP6_pBOgM
➡️ Follow me on Instagram: https://www.instagram.com/vinodthapa55/
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi

➡️ Link: https://youtu.be/cKR9gzco3Kc
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: https://www.thapatechnical.com
Instagram Link: https://www.instagram.com/vinodthapa55
Facebook Link: https://www.facebook.com/vinodthapa55
Twitter Link: https://twitter.com/vb55thapa
Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/?ref=aymt_homepage_panel&eid=ARCTi5kdE1POliSOXnW51qZdo6NcpcSOqrioqut1KDac_CfgY5OCey-vcHlgRDgc_OK6eYNFCF_Rrfiq

Видео Login Form in React Native in Hindi #29 | Input, Password Field, Checkbox in React Native P-1 канала Thapa Technical
Страницу в закладки Мои закладки
Все заметки Новая заметка Страницу в заметки

На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.

Об использовании CookiesПринять