Microsoft ReactXP: Web + Mobile + Desktop apps!

microsoft.github.io/reactxp/

A library for building cross-platform apps - ReactXP

XP means X-Platform

ReactXP builds on the popular React JS and React Native frameworks

Share most of your code between the web, iOS, Android, and Windows.

Microsoft/reactxp: Library for cross-platform app development.

"With React and React Native, your web app can share most of its logic with your iOS and Android apps, but the view layer needs to be implemented separately for each platform. We have taken this a step further and developed a thin cross-platform layer we call ReactXP. If you write your app to this abstraction, you can share your view definitions, styles and animations across multiple target platforms. Of course, you can still provide platform-specific UI variants, but this can be done selectively where desired."

Frequently Asked Questions - ReactXP


ReactXP — First Look🔥 – React Native Training – Medium


Sean Thomas Larkin (肖恩) on Twitter: "(Ive never been able to say this yet) 🙋Well Actually!🙋 All of Office 365 is (almost finished) being completely rewritten in this little scripting language called #JavaScript. And Skype And Microsoft Teams And @Code And all of @MSEdgeDev Debug Protocol (instead of C++) nbd… https://t.co/Y0mf8HnHYf"

React Native Windows apps

Microsoft/react-native-windows: A framework for building native UWP and WPF apps with React.

React Native plugin for Universal Windows Platform (UWP)

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React.

Microsoft Office with JavaScript and React Native

Office 365, MS teams, Skype, @code, and the edge debug protocol are being rewritten in js instead of C++ with special MS tooling : programming

I’m an engineer in Office. This is not the case. The desktop app’s are fully nat... | Hacker News
"The desktop app’s are fully native, and will remain so. They utilize React Native for a few components, but otherwise are written in C & C++."
Microsoft Office rewrite in React.js nears completion

The whole of Microsoft Office 365 software suite is being rewritten in React.js. 

'No, we are not rewriting Office in JavaScript' and other Microsoft tales • The Register

Home - Office UI Fabric (developer.microsoft.com)

"Built with React
Fabric’s robust, up-to-date components are built with React"

Sean Thomas Larkin (肖恩) on Twitter: "(Ive never been able to say this yet) 🙋Well Actually!🙋 All of Office 365 is (almost finished) being completely rewritten in this little scripting language called #JavaScript. And Skype And Microsoft Teams And @Code And all of @MSEdgeDev Debug Protocol (instead of C++) nbd… https://t.co/Y0mf8HnHYf"

'No, we are not rewriting Office in JavaScript' and other Microsoft tales • The Register

React Bootstrap & web components

Since everything in React is built by JavaScript, mixing with external styles, like Bootstrap, could be a bit challenging. Instead, there are Bootstrap-styled controls available.

Is this a sign how web will be built when web components become standardized and available?

https://react-bootstrap.github.io

"React bootstrap replaces the Bootstrap javascript. Each component has been built from scratch as true React components, without uneeded dependencies like jQuery"

https://react-bootstrap.github.io/components/alerts

Specifications - webcomponents.org

w3c/webcomponents: Web Components specifications

Can I use... Support components for HTML5, CSS3, etc

Web Components | MDN

Web Components v1 - the next generation | Web | Google Developers

Web Components – React

Web Components - Wikipedia

Why do we need React-Bootstrap when we can use Bootstrap in the React app? What are the benefits of React-Bootstrap? I'd prefer to use the original because I want to use Bootstrap 4. - Quora

Manning "liveBook"

Manning | liveBook

• Search through the entire Manning liveBook library—including books you don't own.
• Micropurchase pieces of books, from single paragraphs to entire chapters.
• Code listings can be copied and run directly within the liveBook (where available).
• Use bookmarks, highlight passages, share links with your team, and make personal notes.
• Interactive exercises will help you grasp difficult concepts and check your progress.
• Audiobook versions of select titles with full integration of exercises and code.