iofjuupasli

Чем хуже, тем лучше: JS

Почему я полюбил динамическую типизацию?

Я очень часто встречал мнение, что для очень больших проектов безусловно нужны языки со статической типизацией. Что 1 млн строк кода можно написать только на Java.

Однако я заметил, что на JS я должен писать свой код настолько простым, чтобы всегда было его очень легко понимать и использовать. И писать его как можно более модульно и лаконично.

iofjuupasli

React, JSX and ES6: The Parts

Comment for this post

I've spent last year with React. And all the time I feel like I'm cheating. Facebook created something new by breaking some established principles. It gave us nice basis for further research and development. I see that there are many new libraries that inspired by React, and they are very promising.

iofjuupasli

return (
    <li className={classNames({
        completed: this.props.todo.completed,
        editing: this.props.editing
    })}>
        <div className="view">
            <input
                className="toggle"
                type="checkbox"
                checked={this.props.todo.completed}

iofjuupasli

return h('li', {
        className: classNames({
            completed: this.props.todo.completed,
            editing: this.props.editing
        })
    },
    h('div.view', null,
        h('input.toggle', {
            type: 'checkbox',
            checked: this.props.todo.completed,

iofjuupasli

// A
<li className={classNames({
    completed: this.props.todo.completed,
    editing: this.props.editing
})}>

// B
<input
    className="toggle"
    type="checkbox"

iofjuupasli

return <div>
	<header className="header">
		<h1>todos</h1>
		<input
			className="new-todo"
			placeholder="What needs to be done?"
			value={this.state.newTodo}
			onKeyDown={this.handleNewTodoKeyDown(todo)}
			onChange={this.handleChange(e)}
			autoFocus=true

iofjuupasli

// All children from new line
// bad
h('.my-class', null, h('span', null, 'Foo'));

// good
h('.my-class', null,
  h('span', null,
    'Foo'
  )
);

iofjuupasli

myData.map(fixName);
function fixName(person) {
  return Object.assign({}, person, {
    name: person.name.replace(/John/g, "Ben")
  });
}

// inline function

myData.map(function fixName(person) {

iofjuupasli

const readline = require(`readline`);
const fs = require(`fs`);

const rl = readline.createInterface({
    input: fs.createReadStream(`./to_parse_v4.x.x.js`),
});

const getArgs = /((\(\([^\)]*\)[^\)]*\))|[\w?]|(: )|(\<[^\>]*\>)|(\([^\)]*\))|( => )|( \| )|(\{[^\}]*\})|(\[[^\]]*\])|[\<\>]|( \& ))+/g;

const split = (line) => {

iofjuupasli

a
0.00001
123.123123
0.10001
0.00011
0.1111111
323.0001
4
5422