Monday, June 03, 2019

React Native DOM & React Native Web

React Native DOM

vincentriemer/react-native-dom: An experimental, comprehensive port of React Native to the web. @GitHub

Vincent Riemer: React Native DOM - YouTube


"...comprehensive port of React Native to the web.
What Vincent focused on was to uniform the development process and the tools between Mobile and Web platforms. He ended up filling the gaps between the two with Yoga (cross-platform layout engine which implements Flexbox) and by compiling it to Web Assembly.

Here are the differences between the two: "

for (web) rendering it is using:

facebook/yoga: Yoga is a cross-platform layout engine which implements Flexbox. Follow https://twitter.com/yogalayout for updates. @GitHub

+ WebAssembly


Yoga Layout | A cross-platform layout engine

DEMOS

necolas/react-native-web: React Native for Web @GitHub

"React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM. Check out the live demo of the React Native examples running on the web.
Storybook

VS Code Remote Development


Visual Studio Code Remote Development may change everything - Scott Hanselman

"Visual Studio Code Remote Development allows you to use a container, remote machine, or the Windows Subsystem for Linux (WSL) as a full-featured development environment. It effectively splits VS Code in half and runs the client part on your machine and the "VS Code Server" basically anywhere else. The Remote Development extension pack includes three extensions. See the following articles to get started with each of them:
  • Remote - SSH - Connect to any location by opening folders on a remote machine/VM using SSH.
  • Remote - Containers - Work with a sandboxed toolchain or container-based application inside (or mounted into) a container.
  • Remote - WSL - Get a Linux-powered development experience in the Windows Subsystem for Linux."