Skip to content

A simple example app that shows how you can use CSS modules with React Native and React (for browser)

Notifications You must be signed in to change notification settings

kristerkari/react-native-css-modules-example

Repository files navigation

React Native + CSS modules

Platform - Android, iOS and Web contributions welcome

A simple example app that shows how you can use CSS modules with React Native and React (for browser).

Have a look at the src folder to see code examples.

Quick links: FeaturesScreenshotsTry itDocumentation

Example App features

React Native and Web

React Native specific

Web specific

Supported Browsers

  • Mobile: Android Stock browser (4.4-5.x), Android Chrome, iOS Safari 8+
  • Desktop: Firefox, Chrome, Safari

Try it

Step 1: Install depencies to run React Native

Make sure that you have react-native-cli installed (npm install -g react-native-cli) and XCode (for iOS development) / Android Studio (for Android development) installed and working.

Step 2: Clone the repo and move to project

git clone [email protected]:kristerkari/react-native-css-modules-example.git
cd react-native-css-modules-example

Step 3: Install example app's dependencies

NodeJS packages:

yarn install

and CocoaPods for iOS:

cd ios && pod install

Step 4: Run React Native packager

You can open a new terminal tab to run React Native's packager.

yarn start

Step 5: Run app on Android, iOS or Web

First make sure that your Android emulator or iOS simulator is working, then:

yarn ios

or

yarn android

or

yarn web

Web app can be accessed by opening http://localhost:8080 in a browser.

Screenshots

iOS - Android - Web

About

A simple example app that shows how you can use CSS modules with React Native and React (for browser)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published