Showing posts with label React. Show all posts
Showing posts with label React. 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:
Now, install ESLint globally:
Within Atom, use the settings of ESLint to check Use Global Eslint and set the Global Node Path to
To taylor ESLint to our needs, we are using its simple YAML grammar in
Nice and readable.
[Edited: 09/10/2015]
The full source of this
Read more »
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
Location:
Paris, France
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.
Read more »
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.
Location:
Paris, France
Subscribe to:
Posts (Atom)
