Palash Mondal palashmon

People

`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`

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.

Creating JSDoc `@types` for Different Data Types in JavaScript

JSDoc as an alternative TypeScript syntax

Primitive Types

Here's how you can do it for common primitive types:

	<!doctype html>
	<html ng-app="Demo" ng-controller="AppController">
	<head>
	<meta charset="utf-8" />

	<title>
	Lazy Loading Images With AngularJS
	</title>

	<style type="text/css">

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	$space-inset-default = 16px 16px 16px 16px;
	$space-inset-xs = 4px 4px 4px 4px;
	$space-inset-s = 8px 8px 8px 8px;
	$space-inset-m = 16px 16px 16px 16px;
	$space-inset-l = 32px 32px 32px 32px;
	$space-inset-xl = 64px 64px 64px 64px;
	$space-stack-default = 0 0 16px 0;
	$space-stack-xs = 0 0 4px 0;
	$space-stack-s = 0 0 8px 0;
	$space-stack-m = 0 0 16px 0;

	import { FieldProps } from 'formik'
	import React from 'react'
	import Select, { Option, ReactSelectProps } from 'react-select'

	export const SelectField: React.SFC<ReactSelectProps & FieldProps> = ({
	options,
	field,
	form,
	}) => (
	<Select

	/**
	* A TypeScript type alias called `Prettify`.
	* It takes a type as its argument and returns a new type that has the same properties as the original type,
	* but the properties are not intersected. This means that the new type is easier to read and understand.
	*/
	type Prettify<T> = {
	[K in keyof T]: T[K];
	} & {};

	/**
	* This CSS block is a More Effective CSS Image Reset.
	* It resets the default styles of an image element
	* and adds some additional styles to improve its rendering.
	*
	* The `max-width: 100%;` ensures that the image does not exceed its container's width,
	* while maintaining its aspect ratio with `height: auto;`.
	*
	* The `vertical-align: middle;` aligns the image vertically with the text.
	*

	export interface Child1Props {
	name: string;
	languages: Array<string>;
	}

Palash Mondal palashmon

A Gentle Introduction to Prepack (Part 1)

Creating JSDoc @types for Different Data Types in JavaScript

JSDoc as an alternative TypeScript syntax

Primitive Types

Creating JSDoc `@types` for Different Data Types in JavaScript