About this Event
Group Discounts:
- Save 10% when registering 3 or more participants
- Save 15% when registering 10 or more participants
For more information on venue address, reach out to "[email protected]"
Duration: 1 Full Day (9:00 AM – 5:00 PM)
Delivery Mode: Classroom (In-Person)
Language: English
Credits: 8 PDUs / Training Hours
Certification: Course Completion Certificate
Refreshments: Lunch, beverages, and light snacks included
Course Overview:
This hands-on course introduces you to the fundamentals of React Native, a powerful framework for building cross-platform mobile applications. You will explore essential concepts such as components, navigation, styling, and creating simple interactive screens. The course simplifies the building blocks of mobile development so you can start creating functional app interfaces quickly. By the end, you will understand how to structure a React Native project and bring together components to build a basic mobile app experience.
Learning Objectives:
By the end of the course, you will:
- Understand the fundamentals of React Native for mobile development.
- Build and style components using JSX and StyleSheet.
- Navigate between screens using essential navigation tools.
- Manage basic state and user interactions within your app.
- Connect to APIs and display dynamic data.
- Structure a simple mobile application from scratch.
- Develop confidence to begin building cross-platform mobile apps.
Target Audience:
Developers, programmers, and app creators.
Why is it the Right Fit for You?
This course is perfect if you're looking to start building mobile apps using modern, flexible, and widely adopted tools. React Native allows you to create apps for multiple platforms using a single codebase, saving time and development effort. Our training breaks down complex concepts into simple steps, ensuring you learn through hands-on practice. You will gain practical experience building components, styling interfaces, and creating app flows. With expert-led guidance, you’ll leave ready to continue your mobile development journey confidently.
©2025 Catils. This content is protected by copyright law. Copy or Reproduction without permission is prohibited.
Looking to strengthen your team’s mobile development capabilities?
We provide in-house React Native training tailored to your organization’s goals and current skill levels. Whether your team needs support with app structure, navigation, styling, or API integration, we customise the modules to meet your project needs. This ensures a focused, relevant, and practical learning experience for development teams.
📧 Contact us today to schedule a customized in-house, face-to-face session:
Agenda
Module1: Introduction to React Native
Info: • Understanding cross-platform development
• How React Native works behind the scenes
• Setting up the development environment
• Activity
Module2: Components & JSX Basics
Info: • Functional vs. class components
• Using props and state
• Writing clean and reusable UI blocks
• Activity
Module3: Styling in React Native
Info: • StyleSheet fundamentals
• Flexbox for layout
• Applying consistent design patterns
• Activity
Module4: Navigation Essentials
Info: • Stack, tab, and drawer navigation
• Passing data between screens
• Structuring multi-screen apps
• Activity
Module5: Handling User Input
Info: • Text inputs, buttons, and interactive elements
• Managing form state
• Basic validation patterns
• Activity
Module6: Working with APIs & Data
Info: • Fetching and displaying data
• Understanding async operations
• Error and loading states
• Activity
Module5: State Management Basics
Info: • Local state vs. global state
• Intro to Context API
• Updating UI with state changes
• Activity
Module6: Building a Simple Mobile App Interface
Info: • Bringing components together
• Structuring reusable parts
• Testing app flow
• Case Study
Event Venue & Nearby Stays
Regus – AB, Calgary – McDougall, 639 5 Ave SW, Suite 2500, Calgary, Canada
CAD 540.53 to CAD 704.06
