Converting a complex Angular component to React

Channel:
Australia Joshua Morony
Subscribers:
81,900
Published on ● Video Link: https://www.youtube.com/watch?v=15j0V2QPABY


Category:
Tutorial
Duration: 24:11
6,977 views
103

In this video, I convert one of the example components from my Advanced Animations & Interactions with Ionic book from Angular to React to give a sense of the differences between the two approaches.

0:00 Introduction
1:59 Setting up Props
3:10 Setting up CSS
3:52 Setting up the Template
8:15 Setting up useRef
10:35 Setting up Functions
17:32 Setting up useEffect
21:36 Finishing Touches
22:32 Conclusion

Ionic Animations Book: https://www.joshmorony.com/advanced-animations-and-interactions-with-ionic/
More on the FLIP concept: https://www.joshmorony.com/advanced-animations-and-interactions-with-ionic/

#ionic #angular #react

- Check out my Ionic books: https://www.joshmorony.com/books/?utm_source=youtube

- More tutorials: https://www.joshmorony.com/

- Follow me on Twitter: https://twitter.com/joshuamorony



Other Videos By Joshua Morony


2021-02-03How to INSTANTLY pick professional colors for your app
2021-01-20XSS Key logger: Ionic Security Vulnerabilities (And Defending Against Them)
2020-12-16Lesson 01: Anatomy of an Ionic Application [PREVIEW of Creating Ionic Applications with Angular]
2020-11-17How do you know what type to use? ⚡️ IONIC LIGHTNING TIPS #3
2020-11-11How to create a Capacitor plugin for iOS/Android
2020-11-02How to use native controls with Ionic
2020-10-27How to run any native code in Ionic
2020-10-20How to access localhost backend from mobile device (iOS/Android)
2020-10-15How to upload files to a server with NestJS
2020-10-14How to upload files to a server with Ionic
2020-10-07Converting a complex Angular component to React
2020-09-29This is why Ionic apps can be native
2020-09-23Stacking modals in Ionic with native iOS styling
2020-09-23How to create infinite/dynamic Ionic modals in React
2020-09-08How Capacitor Migrates Cordova Plugins
2020-08-19High Performance Animated Accordion List in Ionic
2020-07-22Advanced Animations & Interactions with Ionic (available now!)
2020-07-15Faster Frames Per Second (FPS) in Ionic with the WILL-CHANGE Property
2020-06-30Optimising a List Delete Animation with Ionic Animations
2020-05-26Creating and Deploying an Ionic & StencilJS App to Netlify in 7m 58s
2020-05-12Ionic Animations API: Controlling Time with progressStep


Tags:
ionic
tutorial
tutorials
ionic tutorials
ionic framework
coding
coding tutorials
angular
angular tutorials
cordova
cordova tutorials
capacitor tutorials
mobile
mobile apps
apps
html5
ios
android
native
hybrid
pwa
web apps
progressive web applications
programming
ionic 5
react
stenciljs
stencil
performance
ui
ux
animations
screencast