Showing posts with label ES2015. Show all posts
Showing posts with label ES2015. Show all posts

Tuesday, October 6, 2015

Configure ESLint globally for Meteor 1.2 and React in Atom

Start by installing Atom's ESLint package linter-eslint via:
apm install linter linter-eslint

Now, install ESLint globally:
npm i -g eslint

Within Atom, use the settings of ESLint to check Use Global Eslint and set the Global Node Path to /usr/local.

To taylor ESLint to our needs, we are using its simple YAML grammar in ~/.eslintrc:
---
env:
browser: true
node: true
es6: true
meteor: true
mongo: true
jquery: true
ecmaFeatures:
arrowFunctions: true
blockBindings: true
classes: true
defaultParams: true
forOf: true
jsx: true
objectLiteralShorthandMethods: true
objectLiteralShorthandProperties: true
spread: true
superInFunctions: true

Nice and readable.

[Edited: 09/10/2015]
The full source of this ~/.eslintrc file is available on my Github account: https://github.com/PEM--/dotfiles/blob/master/eslintrc
Read more »

Monday, October 5, 2015

Exposing ES2015 classes with Meteor

Just a little post on exposing ES2015 classes with Meteor outside of the scope of its file. Pretty useful for React.
Footer = class Footer extends React.Component {
render() {
return (
<footer>
<section className='ui container'>
<article>
<ul className='fa'>
<li><a className='fa-facebook' href='' target='_blank'></a></li>
<li><a className='fa-twitter' href='' target='_blank'></a></li>
<li><a className='fa-envelope' href='' target='_blank'></a></li>
</ul>
</article>
</section>
</footer>
);
}

};
Simple solution from Roger Chapman. Thank you guy.
Read more »