Learning Resources

Getting Started

Looking to contribute but don't know much about React or Windows development? Start here.

React Native for Windows combines the React Native framework and native Windows platform (UWP/XAML). As a result familiarity with both is useful. Here are some steps you can take to get acquainted.

• The XAML Controls Gallery app is a great way to see what XAML can do. You can just download the app and play around.
• We've created a peer React Native Gallery app that will show similar controls built with React Native for Windows. Download that and contrast with the XAML Controls Gallery.
• The blog on our website that covers the work we’ve been doing over the past few years. Give it a look to see how this space is evolving.

Looking to learn by writing code? Here are some activities to introduce yourself to the space:

• Experiment with React.js
• Build a React Native app for your phone (Expo makes this very easy)
• Build a native UWP app for Windows (check out WinUI)
• Use the React Native for Windows tools to build a native Windows app (start here)

There are more detailed resources for all of this listed below.

React.js

• React.js Getting Started (pluralsight) Fantastic course for interactive learning about React.js
• ReactJS official documentation
• Tutorial to build ReactJS web apps using VS Code

React hooks

• Using React Hooks - Good course for learning the basics of hooks: useState, useRef, useEffect, useContext, useReducer, useCallback, and useMemo

ReactNative

• ReactNative official documentation
• ReactNative for Windows Website
• React Native Gallery - Gallery app which displays selection of React Native components with Windows support
• Brown Bag Introduction to RN
• React Native Fundamentals (plurasight)
• Brown Bag on node module and yarn workspaces - Gives an introduction into the infrastructure of dependency installation for React Native

ReactNative Community Modules

• Brown Bag introduction to CM - Gives an overview of how CM work
• Official documentation
• React Native Picker - Picker is fairly straight forward, useful to review and use as an example for UI community modules
• React Native Clipboard - Clipboard is fairly straight forward, useful to review and use as an example for non-UI community modules
• React Native Orientation Locker - Orientation Locker is useful to review and use as an example for instances of REACT_INIT, REACT_EVENT, and REACT_CONSTANT_PROVIDER

Testing Community Modules

• Appium course (plurasight) - Learn how to add windows tests to a CM.
• React Native WebView - Webview is a more complete CM with tests and CI checks

UWP

• Windows 10 development for absolute beginners
• Hosting RNW in a WPF app

C++

• Effective Modern C++ by Scott Myers - For growing your C++ knowledge to Senior level