This Week In JavaScript - 20 February 2017

JavaScript
1

Hello and welcome to This Week in JavaScript, our lovingly curated collection of links relating to what’s new and exciting in the world of JS. The complete list is tagged jsweekly. (Don’t forget to check out our weekly .NET and front end roundups too!)

And now for this week’s JavaScript finds …

Getting Started

Learning More

Libraries

  • koa-grace - A Nodejs SFB(Separation of Front and Back ends) framework, build with koa.
  • fmt-obj - Prettify any JavaScript object in your console.
  • Taskorama - Cancellable asynchronous computations in JavaScript.
  • Top 11 JavaScript Libraries That Are Worth Your Attention - Some of the libraries are almost must-haves that are applied at every other project, while others are more focused and used to execute particular functions within your app.

ES6

  • Native ECMAScript (ES6) modules: dynamic import() - So far we found couple gotchas and know how to use the importexport declarations and which caveats we may have using them in JS.
  • An Update on ES6 Modules in Node.js - A progress update on the differences that exist between Node.js CommonJS modules and the ES6 Module system.
  • ES6 Proxies in Practice - A proxy is an object that wraps an object or a function and monitors access to the wrapped item, a.k.a. the target. We use proxies for the intention of blocking direct access to the target function or object.

React

  • Presentation: Intro to Modern Web Dev with React and Redux - I’ve updated all code examples to use the latest ES6+ syntax; included additional material discussing use of Javascript frameworks, the React ecosystem, JSX usage, good render logic, container/presentational components, Flux, Redux concepts, and use of Redux with React.
  • React.createClass vs. ES6 Class Components - Have you been wondering what the difference is between React.createClass and ES6 class components? And why they both exist? And which you should use?
  • How to Work with and Manipulate State in React - Learn about state in React and how to work with it. We will also talk about some of the differences between state and props, as well as how to work with “stateless” components.
  • How Much Does It Cost to Build an App with ReactJS / React Native? - Reports about new technologies are wonderful and encouraging, but unfortunately or fortunately, the development does not end with just writing code.
  • Using Create React App - Due to a higher barrier of entry with tooling along with some frustration with JavaScript fatigue from the community. The create-react-app was created to address those frustrations.
  • Styling React Applications with Ant.Design - Ant (GitHub) is much more than a React UI kit with a minimalist design aesthetic and every component under the sun. It is a rabbit’s hole that leads to a giant maze of interconnected libraries, with a serious ecosystem surrounding it, but Ant comes with a challenge — the majority of the documentation is in Chinese.
  • When, why and how to use context in ReactJS apps - You should very rarely, if ever use context in your own React components. However, if you’re writing a library of components, it can come in useful.
  • ReactJS vs AngularJS 2 ultimate performance research 2017 - We are going to transform our front-end development experience into something that will help you to determine the technology that fits you better.

Angular

Cool stuff

For more links like this and to keep up-to-date with the latest goings on in JS land, you can follow SitePoint’s JavaScript channel on Twitter.

Please PM us if you have anything of interest for the next issue or if there is anything you would like to see featured. Paul and chrisofarabia.

4 Likes