Hussein Morsy HusseinMorsy

We couldn’t find that file to show.

Thanks to the original blog post: https://equimper.com/blog/how-to-setup-tailwindcss-in-phoenix-1.4

1. Install `tailwindcss` and `postcss-loader` from npm:

cd assets
npm i --save-dev tailwindcss postcss-loader postcss-import

2. Initialize `tailwind` (still in assets directory)

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

A series of posts on css-in-js

0. styles as objects

First, an exercise. Can we represent all of css with plain data? Let's try.

let redText = { color: 'red' };

Heroku Release Phase + Review Apps + Rails

This is a simplified, but fairly thorough, set of scripts and configuration to enable Heroku Release Phase for Rails apps. Further, this particular set up plays nicely with Heroku Review Apps in that the release phase script will:

Fail, loudly, if the DB does not yet exist.
Load the DB schema if the current schema version (as determined by bin/rails db:version) is 0.
Run DB migrations otherwise.

For a "normal" app that usually means it will run the DB migrations.

$ echo 'gem "webpacker"' >> Gemfile
$ bundle install
$ rails webpacker:install
$ yarn add [email protected] jquery popper.js

diff --git a/config/webpack/environment.js b/config/webpack/environment.js
index d16d9af..86bf1a7 100644

The Story of NPM and Yarn

In the beginning there was NPM, and for a time it was good. Packages went forth and multiplied. The New Gods proclaimed the great demon Dependency Management had been slain. But The Old Gods knew better, for they had seen much and knew that the demon can never be killed, only held at bay.

The Old Gods were ignored. In the folly of a young age grew an abundance of packages and with them grew the scourge of dependency. In the depths beneath the earth, in a place beyond memory, the great demon stirred.

The first sign something was wrong was non-deterministic package version mismatches. “This is fine!” The New Gods declared. “A temporary setback, nothing more! We can fix it.” And so they introduced shrinkwrap, a lamp to combat the growing darkness.

But it proved to be too little, too late, and dusk continued to fall. The New Gods suffered their first major defeat at the [Battle of Left-pad](https://www.theregister.co.uk/2016/03/23/npm_left_

	/***************************************
	Property Descriptors Methods and Usage

	Object.defineProperty(obj, propName, {} )
	Object.defineProperties(obj, props)
	Object.getOwnPropertyNames(obj)
	Object.getOwnPropertyDescriptor(obj, prop)
	Object.getOwnPropertyDescriptors(obj)
	Object.keys(obj) - list of enumerable properties
	Object.values(obj) - list of enumerable prop values

	// es6-object-methods.js
	// New ways of declaring methods for objects
	// getters and setters for object properties

	var log = console.log;
	let x = 7;

	let obj = {
	_prop1: 1979,
	get prop1(){

	//npm init -y
	//npm install --save puppeteer
	//usage: node script.js /path/to/input.html /path/to/output.pdf


	//script.js
	const puppeteer = require('puppeteer');

	(async () => {