The newline Guide to NFCs with React Native
NFC technology is everywhere in our daily life, from transportation, access control, to payment system. However, understanding NFC is still a hard topic because of its wide technology landspace.
So in this course, We will guide you from the simplest case like using common NDEF format, all the way to a complex digital identity management app which leverages some unique NFC features.
- 5.0 / 5 (3 ratings)
- Published
- Updated
3 hrs 14 mins
21 Videos
Richie
- The cofounder of revteltech (a software agency located in Taiwan, Taipei, github org name is "revtel")
- Previously worked for Mediatek (No.1 Mobile IC/CPU manufacturer worldwide) as software tech lead, focus on connectivity technologies such as NFC and BLE
- Create and maintain the primary NFC library "react-native-nfc-manager" for React Native community
01Remote
You can take the course from anywhere in the world, as long as you have a computer and an internet connection.
02Self-Paced
Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.
03Community
Join a vibrant community of other students who are also learning with The newline Guide to NFCs with React Native. Ask questions, get feedback and collaborate with others to take your skills to the next level.
04Structured
Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.
How to integrate NFC feature into your React Native app
How to handle the differences between Android and iOS regarding NFC feature
Understand NDEF and use it across iOS and Android
How to use NFC tags with deep link
Understand low-level NFC programming and communicate with NFC tags directly
How to use asymmetric cryptography library with React Native
How to use password protection commands from NTAG 21x NFC tags
What we will cover in this course
First, I will provide an overview of NFC technology, so you can understand basic concepts and terms. After that, we will build three apps throughout this course.
App 1: Tag Counter
App 1 is a game app to count how much time a user needs to scan five NFC tags. You will learn:
- how to properly set up an NFC project
- how to trigger NFC scanning
- the difference from iOS and Android regarding NFC feature
App 2: Tap-and-Go
App 2 is about NFC Data Exchange Format (NDEF), which is the standard NFC data format supported by both iOS and Android. NDEF can be used for almost any NFC tag. We will build an NDEF reader-writer app, and you will learn:
- how to write specific NDEF URI into NFC tags
- how to read NDEF URI and trigger corresponding actions, for example, opening an URL, making a phone call, or sending a message.
- how to use deep linking with NFC tags.
App 3: NFC Pokemon
App 3 dives into low-level NFC programming, which directly manipulates the NFC tag’s internal memory and uses proprietary NFC commands. The app we'll build is called "NFC Pokemon," which is a digital identity management platform. It can seal a specific Pokemon, for example, a Pikachu, into an NFC tag.
When building this app, you will learn:
- how to use low-leve tag command to directly manipulate NFC tag's internal memory
- how to create digital signatures in React Native
- how to use proprietary password protection command for NXP NTAG 213 / 215
Our students work at
Sample Course Lessons
Course Syllabus and Content
Introduction
2 Lessons 16 Minutes
- Free00:05:40
- Free00:10:37
Tag-Counter Game App
6 Lessons 50 Minutes
- Sneak Peek00:01:41
- Sneak Peek00:11:10
- Sneak Peek00:07:42
- Sneak Peek00:10:03
- Sneak Peek00:16:36
- Sneak Peek00:03:14
Tap-And-Go App
7 Lessons1 Hours 4 Minutes
- Sneak Peek00:01:40
- Sneak Peek00:07:10
- Sneak Peek00:09:30
- Sneak Peek00:11:46
- Sneak Peek00:18:19
- Sneak Peek00:12:28
- Sneak Peek00:03:57
NfcPokemon App
6 Lessons1 Hours 3 Minutes
- Sneak Peek00:02:12
- Sneak Peek00:06:51
- Sneak Peek00:17:20
- Sneak Peek00:17:29
- Sneak Peek00:14:48
- Sneak Peek00:04:30
Subscribe for a Free Lesson
By subscribing to the newline newsletter, you will also receive weekly, hands-on tutorials and updates on upcoming courses in your inbox.
What Students are Saying
Meet the Course Instructor
Purchase the course today
newline Pro Subscription
$18/MO
Get unlimited access to the course, plus 60+ newline books, guides and courses. Learn More
Billed annually or $30/mo billed monthly. Free to cancel anytime.
- Discord Community Access
- Full Transcripts
- Money Back Guarantee
- Lifetime Access
Plus:
- Unlimited access to 60+ newline Books, Guides and Courses
- Interactive, Live Project Demos for Every newline Book, Guide and Course
- Complete Project Source Code for Every newline Book, Guide and Course
- Best Value 🏆
Frequently Asked Questions
Who is this course for?
Everyone interested in building NFC app with React Native
Any Prerequisites?
Basic React Native knowledge, and a mobile phone with NFC feature (iOS users will need to enroll the Apple Developer Program because NFC doesn't work in simulators) will be enough!
Where can I get NFC tags suitable for this course?
We choose NXP NTAG213 or NTAG215 for this course. They're cheap and can be easily purchased from places like Amazon
What if I need help?
You can ask us questions anytime through the community Discord channel or by sending us a message.