Please enable JavaScript to use CodeHS

Tennessee Coding II

React Native Foundations

Students are introduced to the mobile apps course and the React Native framework and its program structure and syntax. Students also preview some of the tools and technologies they will use to build and run their apps.

Lessons

9.1 Introduction to React Native and Expo

  • Introduction to React Native and Expo
  • Quiz: Introduction to React Native and Expo
  • Why Mobile Apps?
  • What is React Native?
  • React Native App Overview
  • +4 more

9.2 Introduction to Components

  • Introduction to Components
  • Quiz: Introduction to Components
  • The Parent View Component
  • Nesting Multiple Text Components
  • Customizing Text
  • +2 more

9.3 Introduction to the Stylesheet API

  • Introduction to the Stylesheet API
  • Quiz: Introduction to the Stylesheet API
  • Naming a Stylesheet ID
  • Multiple Stylesheet ID's
  • Connecting Components to the Stylesheet
  • +1 more

9.4 Styling View Components

  • Styling View Components
  • Quiz: Styling View Components
  • Height and Width
  • Justifying Content
  • Aligning Items
  • +5 more

9.5 Styling Text Components

  • Styling Text Components
  • Quiz: Styling Text Components
  • Text Component Attributes
  • Text Component Dimensions
  • My Favorites List
  • +6 more

9.6 Challenge: Scorekeeper Pt 1

  • Scorekeeper Pt 1: Example
  • Scorekeeper Pt 1: Screen Layout

9.7 TouchableHighlight and the onPress Function

  • TouchableHighlight and the onPress Function
  • Quiz: TouchableHighlight and the onPress Function
  • TouchableHighlight with Text Only
  • TouchableHighlight Components as Buttons
  • Adding TouchableHighlight to the News Article
  • +2 more

9.8 TextInput

  • TextInput
  • TextInput
  • Adding TextInput
  • iMessage
  • Google Search Page
  • +2 more

9.9 Challenge: Scorekeeper Pt 2

  • Scorekeeper Pt 2: Buttons and TextInput

9.10 Flex Layouts

  • Flex Layouts
  • Quiz: Flex Layouts
  • Using Flex Ratios
  • Even Quadrants
  • Uneven Quadrants
  • +4 more

9.11 Using 'Dimensions' to Control Size

  • Using 'Dimensions' to Control Size
  • Quiz: Using 'Dimensions' to Control Size
  • Even Quadrants with 'Dimensions'
  • Uneven Quadrants with 'Dimensions'
  • Using 'Dimensions' to Control Font and Image Size
  • +4 more

9.12 Challenge: Scorekeeper Pt 3

  • Scorekeeper Pt 3: Images and Responsive Design
  • Mindset Survey 3

9.13 React Native Foundations Quiz

  • Unit Quiz: React Native Foundations

Courses that include this module