5 JavaScript Style Guides — Including AirBnB, GitHub, & Google

  • 5 JavaScript Style Guides — Including AirBnB, GitHub,  GoogleLearn to code like a GooglerWhether you’re just starting to learn JavaScript, or getting ready for your big interview with AirBnB, here are 5 style guides that can help you write cleaner code.What the heck is a style guide?A style guide is a set of standards…
  • As you read through these guides, you can get an idea for how code is written at the respective companies.Why do we need style guides?For one main reason: Everyone writes code differently.
  • That’s all fine and dandy as long as we each work on our code.
  • But what happens when you have 10, 100, or even 1,000 developers all working on the same codebase?
  • Style guides are created so new developers can get up to speed on a code base quickly, and then write code that other developers can understand quickly and easily!

Whether you’re just starting to learn JavaScript, or getting ready for your big interview with AirBnB, here are 5 style guides that can help you write cleaner code. A style guide is a set of…
Continue reading “5 JavaScript Style Guides — Including AirBnB, GitHub, & Google”

All the Arrows point to REACT.js – Brad Hankee – Medium

All the Arrows point to REACT.js  #react #es6 #javascript #reactjs

  • After three tutorials and falling down a number of rabbit holes my brain feels numb by dinner and feels strangely ready to get back at it while the morning coffee is brewing the next day.Not only is React great but I feel like I am simultaneously becoming more proficient at HTML, CSS and JavaScript.
  • It is also solving many puzzles for me like some ES6 syntax I have been sighing at for the past few weeks not knowing what is was.Ok, to explain the idea behind the picture I think I now understand, and maybe even like, arrow functions.
  • The arrow function doesn’t just make for more concise and cleaner code but it actually has a major impact on React with the ‘this’ word.When using ‘this’ in a function it takes on that function’s scope.
  • The great thing about making that same function with the arrow syntax is now that same ‘this’ will now use the scope outside of that function.
  • The reason why I focused so much on React this week is because it’s both enjoyable and easy to see what’s going on.

This week has been great! Eating steak, buying a 28″ monitor, grass seed is actually growing and 40 hours of learning React.js. After three tutorials and falling down a number of rabbit holes my…
Continue reading “All the Arrows point to REACT.js – Brad Hankee – Medium”

Why ReactJS is becoming popular as a Javascript library!

Our new blog throws light on the hot new #javascript  library, #reactjs !

  • While the React’s brothers (Angular, Ember, Backbone) are dubbed as client-side MVC frameworks, this guy is different.
  • Angular is an entire framework while React is just a library.
  • But with React Router (for routing), Relay, GraphQL (for declaring dependencies) and React Native, it clearly outweighs Angular.
  • With React we attain the freedom to choose, which is lacking in Angular.
  • With the release of Angular 2.0, and the news that it is not backward compatible,  React swooped in and stole the hearts and minds of legions of developers with a ‘simple view library’.

Learn about the exciting world of React JS, a simple view library developed for UI designing that ushers in clean code and better modularization in web projects.
Continue reading “Why ReactJS is becoming popular as a Javascript library!”

React is cool, deal with it – Medium

#React is cool, deal with it  #reactjs

  • We’re talking about three different files to fetch and display in a table in contrast to simply develop a “PropertyList” component and all related logic there.
  • If you were developing following MVC pattern you would first implement a Model which would represent the property and implement any related activity of API communication in that layer, add a route to a controller which would fetch the model and pass it to the view.
  • React is hard to learn, we’re all used to seeing javascript and html in different files, we’re all used to MVC and it lacks much functionality so you need to add some different things to handle routing, api calls, jsx support, etc..
  • Everybody knows how crazy javascript world has been lately releasing new tools faster than you can learn them, there’s one tool, React that markets itself as the V in MVC ( or at least it used to ) that slowly started to take over front-end development still i read about many people complaining with wrong arguments about why they don’t like it so i decided to talk about what is it that is so great about react.
  • With react you don’t write HTML, they implemented JSX which is a processor that lets you add xml style tags in javascript so instead of having a separate file for your scripts you write both the logic and the content in a single file.

Everybody knows how crazy javascript world has been lately releasing new tools faster than you can learn them, there’s one tool, React that…
Continue reading “React is cool, deal with it – Medium”

As a much as it can Functional programming with React & Mobx · Issue #69 · mobxjs/mobx-react · GitHub

Nice idea for state*full* function components? #reactjs #mobx

  • It might be a nice way to write components.
  • @jmaguirrei for simplicity mobx-react turns the components into classes.
  • I noticed that the only reason to write class-like components is often having local state.
  • I am building a collaborative app and I am wondering if it’s possible to have almost just pure functions with React & Mobx, that means, no React State at all (only mobx state) and as few as possible lifecycle methods from React (for example to scroll to the bottom of a list when the component is mounted/updated).
  • At facebook say that future performance improvements are coming if you use this pattern for your components.

Read the full article, click here.


@mweststrate: “Nice idea for state*full* function components? #reactjs #mobx”


mobx-react – React bindings for MobX


As a much as it can Functional programming with React & Mobx · Issue #69 · mobxjs/mobx-react · GitHub