Jerray jerray

Use the @ alias to refer to your project root in Expo (React Native)

I spent some time and finally figured out the solution.

Note the difference between the paths in the tsconfig.json file and the alias in the babel.config.js file. The module resolver automatically adds a slash after the @ character, then uses it to generate a regular expression /^@(\/.*|)$/ to match the import path.

So if we add a slash after @ in the alias (@/), the module resolver can't match (using /^@\/(\/.*|)$/) the import path.

For example, if we have the following directory structure:

Libraries

jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
AngularJS - Conventions based MVC framework for HTML5 apps.
Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
lawnchair - Key/value store adapter for indexdb, localStorage

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

	{
	"msgtype": "markdown",
	"markdown": {
	"title": "{{ repo.owner }}/{{ repo.name }} build {{#success build.status}}succeeded{{else}}failed{{/success}}.",
	"text": "### {{#success build.status}} 🔵 {{else}} 🔴 {{/success}}{{ repo.owner }}/{{ repo.name }}\n\n{{#if build.tag}}[tag {{ build.tag }}](https://github.com/{{ repo.owner }}/{{ repo.name }}/tree/{{ build.tag }}){{else}}[commit {{regexReplace "([\w\d]{8})." build.commit "$1" }}](https://github.com/{{ repo.owner }}/{{ repo.name }}/commit/{{ build.commit }}) on branch {{build.branch}}*{{/if}} build {{#success build.status}}succeeded{{else}}failed{{/success}}.\n\nClick [here]({{ build.link }}) to check the detailed information."
	}
	}

	function docker-cli
	set vm $argv[1]
	if test -s $vm
	set vm "default"
	end

	set host (docker-machine url $vm)
	if test -z $host
	docker-machine ls
	return 1

	/**
	* Luhn algorithm in JavaScript: validate credit card number supplied as string of numbers
	* @author ShirtlessKirk. Copyright (c) 2012.
	* @license WTFPL (http://www.wtfpl.net/txt/copying)
	*/
	var luhnChk = (function (arr) {
	return function (ccNum) {
	var
	len = ccNum.length,
	bit = 1,

	function modify(modifiers) {

	return through2.obj(function(file, encoding, done) {

	var stream = this;

	function applyModifiers(content) {
	(typeof modifiers === 'function' ? [modifiers] : modifiers).forEach(function(modifier) {
	content = modifier(content, file);
	});

	var Singleton = function() {
	if (Singleton.prototype._instance) {
	return Singleton.prototype._instance;
	}
	Singleton.prototype._instance = this;
	};

	var a = new Singleton;
	var b = new Singleton;

	# {{#equal inputs.Status "success"}}🔵{{/equal}}{{#equal inputs.Status "failure"}}🔴{{/equal}} {{ github.Repository }}
	{{#if build.Tag}}[Tag {{ build.Tag }}]({{ build.Link }}){{else}}[Commit {{ build.Commit }}]({{ build.Link }}) on branch {{ build.Branch }}{{/if}} build {{ inputs.Status }}.
	Click [here]({{ build.Link }}/checks) to check the detailed information.

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console