Ionic React Beginners Guide | Navigation, Components & HTTP Calls 🔥

Whether you're a beginner looking to get started with Ionic or an experienced React developer looking to expand your skills, Ionic React is a perfect choice for you to take your web development skills and build a cross-platform app that you can build as native iOS and Android app!

⚡️ Just getting started?

#############################

👨‍💻 Want to read instead of watch?

🤷‍♂️ Want more Ionic tutorials?

#############################

❤️ You can also find me on:

Or join the Simonics Facebook group:

#############################

00:00 Ionic React Intro
01:19 Getting started with Ionic React
06:25 Ionic Platform adaptive styling
10:24 Implementing Search with API Call
18:04 Display JSON Data with Ionic Components
28:17 Customising an Ionic Item
32:55 Navigation with React Router
40:51 Using Modal Overlays
45:15 Building a native app with Capacitor
55:03 Outro

#reactjs #ionic #javascript

[michaelholmes]

Nice! I was looking for an intro guide that wasn't basic for a job.

[jameshuggins]

Great tutorial. Whilst I appreciate the value of Typescript in more complex scenarios (so don’t shred me) this is a great example of how building simple and straightforward projects or exercises quickly is made so much more painful with typescript. 50% actual dev and 50% fighting typescript. For beginner tutorials I think it’s better to not bother with it otherwise you risk losing folk who are trying to grasp the fundamentals of the tech in question as you endlessly wrestle with type safety logic. The video might have been half the length! Thanks again though. Looking forward to trying ionic. 🙏

[worldbest]

awesome right timing!! i think react + ionic is really smooth and powerful compared to nextjs + ionic

[sebastiannietor]

Do you think this would work well in a MacBook Air m1? Or would you need something more powerful to run the simulators?

[_isaac_muniz_]

Great video, but where's the code you pasted? Didn't find in the video description :/

[laalkhan]

Hi Simon. Great content.

Is "Ionic React" better than "Ionic Angular" in terms of app performance and app build size.


I have had app start/boot time ~10 seconds for a social media app I built with ionic angular.

[MrSambra]

i really wanted to see how you solve the errors that popped up on the Android studio. am stuck with all types of errors on android studio, I fix one another one pop up. gradle, java it sucks.

[SummitTech-au]

when i create my app for ios the api call doesnt work so it just loads for ever

[Dabayare]

Why do they have too much typescript? Is there other way of just sticking to JavaScript?

[Shishiozz]

Great video, but can you make the same video but with Angular?

[instantrecharge-is]

The API calls don't happen on native devices