React Native Tutorial  #12 - Alerts thumbnail

React Native Tutorial #12 – Alerts

Hey gang, in this React Native tutorial we’ll take a look at alert boxes and how to use them in our app. —————————————- 🐱‍💻 🐱‍💻 Course Links: Course files – https://github.com/iamshaunjp/react-native-tutorial 🐱‍💻 🐱‍💻 Other Related Courses: + Complete React Tutorial – https://www.youtube.com/watch?v=OxIDLw0M-m0&list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React Hooks & Context Tutorial – https://www.youtube.com/watch?v=6RhOzQciVwI&list=PL4cUxeGkcC9hNokByJilPg5g9m2APUePI + Modern JavaScript Tutorial -…

React Native Tutorial  #11 - Todo App (part 3) thumbnail

React Native Tutorial #11 – Todo App (part 3)

Hey gang, in this React Native tutorial we’ll finish up the Todo app by adding a form to add new todos to the list. —————————————- 🐱‍💻 🐱‍💻 Course Links: Course files – https://github.com/iamshaunjp/react-native-tutorial 🐱‍💻 🐱‍💻 Other Related Courses: + Complete React Tutorial – https://www.youtube.com/watch?v=OxIDLw0M-m0&list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React Hooks & Context Tutorial – https://www.youtube.com/watch?v=6RhOzQciVwI&list=PL4cUxeGkcC9hNokByJilPg5g9m2APUePI + Modern JavaScript…

React JS Tutorial: Build a Dad Joke Generator by Fetching Data from an API thumbnail

React JS Tutorial: Build a Dad Joke Generator by Fetching Data from an API

Learn how to get data from an API using React and the useEffect React Hook. You’ll also learn how to store the data in React state using the useState React Hook, create a loading circle while the data is being fetched, and fetch new data with an onClick event handler. ⏰ TIMESTAMPS ⏰ Install Axios:…

React Native Tutorial  #10 - Todo App (part 2) thumbnail

React Native Tutorial #10 – Todo App (part 2)

Hey gang, in this React Native tutorial we’ll carry on with the todo list app we started in the last lesson. —————————————- 🐱‍💻 🐱‍💻 Course Links: Course files – https://github.com/iamshaunjp/react-native-tutorial 🐱‍💻 🐱‍💻 Other Related Courses: + Complete React Tutorial – https://www.youtube.com/watch?v=OxIDLw0M-m0&list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React Hooks & Context Tutorial – https://www.youtube.com/watch?v=6RhOzQciVwI&list=PL4cUxeGkcC9hNokByJilPg5g9m2APUePI + Modern JavaScript Tutorial – https://www.youtube.com/watch?v=iWOYAxlnaww&list=PL4cUxeGkcC9haFPT7J25Q9GRB_ZkFrQAc

React Native Tutorial  #9 - Todo App (part 1) thumbnail

React Native Tutorial #9 – Todo App (part 1)

Hey gang, in this React Native tutorial we’ll start our first project – a simple todo app – which will bring together everything we’ve learnt so far, plus a few other things too. —————————————- 🐱‍💻 🐱‍💻 Course Links: Course files – https://github.com/iamshaunjp/react-native-tutorial 🐱‍💻 🐱‍💻 Other Related Courses: + Complete React Tutorial – https://www.youtube.com/watch?v=OxIDLw0M-m0&list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React…

Hero Animation Tutorial in React with Framer Motion (Tap to expand card) thumbnail

Hero Animation Tutorial in React with Framer Motion (Tap to expand card)

Animation tutorial showing how to achieve a tap to expand UI transition between two states, a detail and a full screen view. This tutorial will focus on how to achieve this effect with Framer Motion by using the useCycle react hooks to cycle between the two UI states we want. The cards represented within the…

React Native Tutorial  #8 - Touchable Components thumbnail

React Native Tutorial #8 – Touchable Components

Hey gang, in this React Native tutorial we’ll see how to create touchable components, and wrap them around other components so that they can be pressed (much like a button component). —————————————- 🐱‍💻 🐱‍💻 Course Links: Course files – https://github.com/iamshaunjp/react-native-tutorial 🐱‍💻 🐱‍💻 Other Related Courses: + Complete React Tutorial – https://www.youtube.com/watch?v=OxIDLw0M-m0&list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React Hooks &…

React Native Tutorial  #7 - Flat List Component thumbnail

React Native Tutorial #7 – Flat List Component

Hey gang, in this React Native tutorial we’ll take a look at another way to output lists of data – using the FlatList component. —————————————- 🐱‍💻 🐱‍💻 Course Links: Course files – https://github.com/iamshaunjp/react-native-tutorial 🐱‍💻 🐱‍💻 Other Related Courses: + Complete React Tutorial – https://www.youtube.com/watch?v=OxIDLw0M-m0&list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React Hooks & Context Tutorial – https://www.youtube.com/watch?v=6RhOzQciVwI&list=PL4cUxeGkcC9hNokByJilPg5g9m2APUePI + Modern JavaScript…

React Native Tutorial  #6 - Lists & ScrollView thumbnail

React Native Tutorial #6 – Lists & ScrollView

Hey gang, in this React Native tutorial we’ll talk about how to display lists of data in our apps. To do this we also need to look at a component called ScrollView, which allows us to scroll through long lists that are bigger than the area available on the screen —————————————- 🐱‍💻 🐱‍💻 Course Links:…