Rameş Aliyev ramesaliyev

Getting Started with NPM (as a developer)

As easy as 1, 2, 3!

Updated:

Aug, 08, 2022 update config docs for npm 8+
Jul 27, 2021 add private scopes
Jul 22, 2021 add dist tags
Jun 20, 2021 update for --access=public
Sep 07, 2020 update docs for npm version

Deprecating `transferPropsTo`

It's a common pattern in React to wrap a component in an abstraction. The outer component exposes a simple property to do something that might have more complex implementation details.

We used to have a helper function called transferPropsTo. We no longer support this method. Instead you're expected to use a generic object helper to merge props.

render() {
 return Component(Object.assign({}, this.props, { more: 'values' }));

New React Element Factories and JSX

In React 0.12, we're making a core change to how React.createClass(...) and JSX works.

If you're using JSX in the typical way for all (and only) React components, then this transition will be seamless. Otherwise there are some minor breaking changes described below.

The Problem

	- Trailing commas are ok
	- No reserved words for property names
	- NaN, Infinity, undefined : are all constants
	- parseInt() defaults to radix 10
	- /regexp/ produces new reg ex object every time
	- JSON.parse(), JSON.stringify()
	- Function.prototype.bind
	- String.prototype.trim
	- Array.prototype.every, filter, forEach, indexOf, lastIndexOf, map, reduce, reduceRight, some,
	- Date.now()

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	</head>
	<body>
	<script type="application/javascript;version=1.7">
	var worker = new Worker('worker.js');
	var g;

	function getFnName(fn) {
	fn = Object(fn)
	var F = typeof fn == 'function'
	var N = fn.name
	var S = F && ((N && ['', N]) \|\| fn.toString().match(/function ([^\(]+)/))
	return (!F && 'not a function') \|\| (S && S[1] \|\| 'anonymous');
	}

	console.log(getFnName(String)); // 'String'
	console.log(getFnName(function test(){})); // 'test'

	var arr = [{id:3,title:"Ali"},{id:3,title:"Veli"},{id:3,title:"Vehbi"}];
	arr.sort(turkcesiralama);

	function turkcesiralama(a, b){
	var atitle = a.title;
	var btitle = b.title;
	var alfabe = "AaBbCcÇçDdEeFfGgĞğHhIıİiJjKkLlMmNnOoÖöPpQqRrSsŞşTtUuÜüVvWwXxYyZz0123456789";
	if (atitle.length === 0 \|\| btitle.length === 0) {
	return atitle.length - btitle.length;
	}

	// === Arrays

	var [a, b] = [1, 2];
	console.log(a, b);
	//=> 1 2


	// Use from functions, only select from pattern
	var foo = () => [1, 2, 3];

	from collections import deque
	from math import sin, cos, pi, atan2, hypot
	import random
	import time
	import wx

	SIZE = 600
	COUNT = 64
	SPEED = 100
	FOLLOWERS = 4

	// NOTICE 2020-04-18
	// Please see the comments below about why this is not a great PRNG.

	// Read summary by @bryc here:
	// https://github.com/bryc/code/blob/master/jshash/PRNGs.md

	// Have a look at js-arbit which uses Alea:
	// https://github.com/blixt/js-arbit

	/**

Rameş Aliyev ramesaliyev

Getting Started with NPM (as a developer)

Deprecating transferPropsTo

New React Element Factories and JSX

Deprecating `transferPropsTo`