magnASCII.dev Simone Magnaschi
Senior Full Stack Web Dev
Bookmarks tagged with #javascript.
Show all

Here are examples of everything new in ECMAScript 2016, 2017, and 2018

By rajaraodv It’s hard to keep track of what’s new in JavaScript (ECMAScript). And it’s even harder to find useful code examples. So in this article, I’ll cover all 18 features that are listed in the TC39’s finished proposals that were added in ES201...
Tags: #javascript
Saved on: 2018-04-04

How not to suffer with APIs – ITNEXT

Everyday I see the questions “How to work with API?”, “Can you give some best practices”, “How to cook axios” in frontend chats. They get a lot of answers but all of them can be reduced to three…
Saved on: 2018-03-26

Elegant patterns in modern JavaScript: RORO

Most of my functions now accept a single parameter of type `object` and many of them return or resolve to a value of type `object` as well. Thanks in part to the _destructuring_ feature introduced in ES2015, I’ve found this to be a powerful pattern...
Saved on: 2018-03-25

How JavaScript works: the rendering engine and tips to optimize its performance

This is post # 11 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core elements, we also share some rules of thumb we use…
Tags: #javascript
Saved on: 2018-03-16

Rough.js

Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.
Saved on: 2018-03-13

9 Promising Promise Tips

Helpful tips to use javascript promises better
Tags: #javascript
Saved on: 2018-02-27

The Ultimate Guide to JavaScript Frameworks

Keeping up with JavaScript frameworks can be a challenge. There are a lot of them, and seemingly another one every month. How do you know which ones might be right for your project? What are their strengths and weaknesses? How do you get started? That’s where this guide comes in.
Saved on: 2018-01-21

Integrating imperative APIs into a React application

How we crafted a declarative interface to an imperative API that is more expressive, easier to extend and better hides the complexity of interacting with a stateful system.
Saved on: 2017-12-20

Jargon-Free Webpack Intro For VueJS Users

Webpack promises great things for Vue developers. But the range of possibilities of Webpack are also why it's so intimidating to learn. In this article, I'll give you a gentle introduction to Webpack without the jargon that may have you bewildered.
Saved on: 2017-12-05

An Introduction to Scrollama.js

The what, why, and how to use scrollama.js for your next scrollytelling story.
Saved on: 2017-11-29

The Cost Of JavaScript – Dev Channel – Medium

As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, I’ll cover why a little discipline can help if…
Saved on: 2017-11-17

JavaScript Start-up Performance – reloading – Medium

As web developers, we know how easy it is to end up with web page bloat. But loading a webpage is much more than shipping bytes down the wire. Once the browser has downloaded our page’s scripts it…
Saved on: 2017-10-30

Draggable JS – JavaScript drag and drop library

Draggable is a lightweight, responsive, modern drag and drop JavaScript library – the ideal choice for adding slick native-feeling drag and drop behaviour to your web apps.
Saved on: 2017-09-30

underscore.js

Tags: #javascript
Saved on: 2017-09-13

JSX (react) in depth - an interactive tutorial

JSX react in depth - an interactive tutorial
Saved on: 2017-09-08

The Simplest React Stack – Bertalan Miklos – Medium

I am in search of the simplest React Stack. It has to be future-proof and feature-packed, but most importantly it has to be a breeze to work with. In this series I will look for easy-to-use solutions…
Saved on: 2017-08-31

This in JavaScript | Zell Liew

Are you confused by the `this` keyword in JavaScript? It confuses everyone in the beginning, so don't worry about it. You're not alone. But that doesn't mean you can go on without understanding `this` forever. It is used so much in JavaScript and in tutorials everywhere that you need to grasp what `this` is sooner or later. Once you understand `this`, you'll realize that it's much simpler than you think it is. By the end of this article, you would have demystified `this` for yourself. You'll know what it is, what it does and how to use it.
Saved on: 2017-08-03

Cheat to Win: Learn React with Copywork

Tired of making TODO apps over and over? Try this instead.
Saved on: 2017-06-27

redux-saga | Formidable

Saved on: 2017-06-09

How to Use Laravel Mix in Non-Laravel Projects — SitePoint

Is it possible to use Laravel Mix - the "Webpack simplifier" - in non-Laravel projects? Let's find out! Join Lasse Rafn on this explanatory journey!
Saved on: 2017-05-24

Building HandsUp: an OS real-time voting App using GraphQL and React

In this article, we will look at all the steps that were involved to build an Open Source real-time voting App using GraphQL and React. This App will allow attendees of an event to ask questions
Saved on: 2017-05-17

Rearchitecting Airbnb’s Frontend – Airbnb Engineering & Data Science – Medi

Overview: We recently rethought the architecture for the JavaScript side of our codebase at Airbnb. This post will look at (1) the product drivers that precipitated the changes, (2) the steps we took…
Saved on: 2017-05-16

Yarn Create & Yarn 1.0 | Yarn Blog

Last year was a great time for Javascript newcomers! A lot of starter-kit projects were published, refined, and some of them eventually went on to offer comm...
Tags: #javascript
Saved on: 2017-05-16

Build Yourself a Redux - The Zapier Engineering Blog - Zapier

Redux is a simple library that helps you manage the state of your JavaScript app. Despite that simplicity, it's easy to fall down rabbit holes when learning it. I often find myself explaining Redux, and almost always start by showing how I'd implement it. So that's what we'll do here:...
Saved on: 2017-05-05

clean-code-javascript/README.md at master · ryanmcdermott/clean-code-javascript

Clean Code concepts adapted for JavaScript
Saved on: 2017-05-02

My giant JavaScript Basics course is now live on YouTube. And it’s 100% fre

My JavaScript Basics course is now live on freeCodeCamp’s YouTube channel. The great thing about this course is that it also aligns with the Basic JavaScript Challenges on the freeCodeCamp curriculum. You can practice what you're learning through the...
Saved on: 2017-04-26

Twitter Lite and High Performance React Progressive Web Apps at Scale

Creating a fast web application involves many cycles of measuring where time is wasted, understanding why it’s happening, and applying potential solutions. Unfortunately, there’s never just one quick…
Saved on: 2017-04-18

EmberConf 2017: State of the Union

Ember.js (or should we say Amber.js) turned five years old last December. In some ways, five years is a short amount of time. But when measured in web framework years, it...
Saved on: 2017-04-06

Apollo Client 1.0: A flexible, community-focused JavaScript GraphQL client | Apollo GraphQL Blog

Unlock microservices potential with Apollo GraphQL. Seamlessly integrate APIs, manage data, and enhance performance. Explore Apollo's innovative solutions.
Saved on: 2017-03-31

Using Neutrino to jump-start modern JavaScript development ★ Mozilla Hacks

Neutrino is a tool which brings together the best parts of the modern JavaScript toolchain with the ease of zero upfront configuration. Built to let you hit the ground running, ...
Saved on: 2017-02-24

CodePen - Musical Chord Progression Arpeggiator

A quick way to sketch out musical chord progressions. uses my [Scale Generator](http://codepen.io/jakealbaugh/pen/NrdEYL/) and [Arpeggio Pattern Gener...
Saved on: 2016-12-29

Website Stalking - Uprising – Treviso JS – Medium

Come probabilmente molti di voi fanno, anche io quando mi imbatto in un sito web che considero d’impatto, non resisto alla tentazione di spulciarne il codice. Mi affascina l’idea di scoprire con…
Saved on: 2016-12-14

You Might Not Need JavaScript

Examples of common UI elements and interactions with HTML and CSS alone.
Saved on: 2016-10-12

How we made the RioRun progressive web app | Info | The Guardian

Service workers, manifest files and HTTPS: what we learned making the Guardian’s first PWA
Saved on: 2016-08-31

6 compelling use cases for ES6 proxies

Just another WordPress site
Saved on: 2016-07-20

Learn to Create D3.js Data Visualizations by Example

Mark Brown shows how to use this popular library to create different charts and graphs. Create D3.js data visualizations to render your app's dynamic data.
Saved on: 2016-07-14

JavaScript Promises 101

Articles on frontend development and more.
Saved on: 2016-07-14

Complexities of an infinite scroller | Blog | Chrome for Developers

Infinite scrollers are a common UI pattern. Here we explore how to implement this pattern in a memory conservative way that performs at 60fps.
Saved on: 2016-07-11

Unilateral Data Flows in Javascript // Speaker Deck

Codice della presentazione: https://gist.github.com/cef62/ce0641a450a68f775318a3f26f1ddeb7 Una delle scelte più complesse da affrontare durante la re…
Saved on: 2016-07-06

Isomorphic JavaScript, let’s make it easier

isomorphic i·so·mor·phic (ī’sə-môr’fĭk) Having a similar structure or appearance but being of different ancestry.
Saved on: 2016-06-12

Exploring ES6

Saved on: 2016-03-24

The copy & paste guide to your first Service Worker

There are a lot of tutorials on the web for Service Workers (many of which are very good), but there's a lot of reading too. So, this is me throwing my hat in …
Saved on: 2016-03-24

State of the Art JavaScript in 2016 - JavaScript and Opinions - Medium

So, you’re starting a brand new JavaScript front end project or overhauling an old one, and maybe you haven’t kept up with the breakneck pace of the ecosystem. Or you did, but there’s too many things…
Saved on: 2016-03-12

Nightmare

Tags: #javascript
Saved on: 2016-02-26

Architettura di una single page application

Architettura di una single page application. GitHub Gist: instantly share code, notes, and snippets.
Saved on: 2016-02-19

Writing Next Generation Reusable JavaScript Modules in ECMAScript 6 – Smash

There have been some amazing quantum leaps in JavaScript tooling which have made it possible for you to dive head first into writing fully ES6 modules, without compromising on the essentials like testing, linting and (most importantly) the ability for others to easily consume what we write. In this article, Jim Cowart is going to focus on how to create a JavaScript package written in ES6 that’s usable in a site or app regardless of whether you’re using CommonJS, asynchronous module definition (AMD) or plain browser global modules.
Saved on: 2016-02-04

Seriously.js

Saved on: 2016-02-04

cht8687/You-Dont-Need-Lodash-Underscore: Lists of Javascript methods which

List of JavaScript methods which you can use natively + ESLint Plugin - you-dont-need/You-Dont-Need-Lodash-Underscore
Saved on: 2016-01-27

DrkSephy/es6-cheatsheet

ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets - DrkSephy/es6-cheatsheet
Tags: #javascript
Saved on: 2016-01-25

loverajoel/jstips: This is about one JS tip every day!

This is about useful JS tips!
Saved on: 2016-01-19

How to Learn ES6 - JavaScript Scene - Medium

We ran a survey at about the time the standard became official in June 2015 to see how many people were using ES6. Nearly half of respondents already were. Because of the availability of transpilers…
Saved on: 2016-01-18

Instant Web Application

Instant TodoMVC demo (please use Chrome Desktop for now!), source Uses bottle-service library to implement self-rewriting Open your favorite web application, even a simple TodoMVC would work. Let it
Saved on: 2016-01-02

SGP

Panen77 link game online trusted number #1 menjadi pilihan game online terbaik baik kalangan anak muda hingga dewasa memberikan pengalaman bermain yang menjajikan.
Saved on: 2015-12-29

js2image/readme_en.md at master · xinyu198736/js2image

一个可以把js源代码压缩成一个ascii字符画的源代码的工具,压缩后的代码仍可运行 (A tool can compress JavaScript code to any ascii image and still run normally ) - small-tou/js2image
Saved on: 2015-12-24

Rethinking Redux — KADIRA VOICE — Medium

Panen77 link game online trusted number #1 menjadi pilihan game online terbaik baik kalangan anak muda hingga dewasa memberikan pengalaman bermain yang menjajikan.
Saved on: 2015-12-22

4 JavaScript Design Patterns You Should Know ( Scotchmas Day 2) | Scotch

Technical tutorials, Q&A, events — This is an inclusive place where developers can find or lend support and discover new ways to contribute to the community.
Saved on: 2015-12-16

2015's Top JavaScript Devs To Follow

Welcome to BitHound! Find the best Bitcoin casino reviews & cryptocurrency gambling sites compared. We evaluate, score & compare BTC casinos.
Saved on: 2015-12-11

feross/webtorrent

⚡️ Streaming torrent client for the web
Saved on: 2015-11-23

thejameskyle/babel-plugin-handbook

:blue_book: A guided handbook on how to use Babel and how to create plugins for Babel. - jamiebuilds/babel-handbook
Saved on: 2015-11-18

plotly/plotly.js

Open-source JavaScript charting library behind Plotly and Dash - plotly/plotly.js
Saved on: 2015-11-18

Rain & Water Effect Experiments | Codrops

Today we'd like to share some WebGL experiments with you. The idea is to create a very realistic looking rain effect and
Saved on: 2015-11-06

JavaScript Promises

Promises are becoming a big part of the JavaScript world, with many new APIs being implemented with the promise philosophy.
Saved on: 2015-11-03

Delivering Responsibly | Filament Group, Inc., Boston, MA

Read this page on the Filament Group website
Tags: #javascript
Saved on: 2015-10-29

javascript-society/javascript-path

:books: List of books to master JavaScript Development :rocket: - javascript-society/javascript-path
Tags: #javascript
Saved on: 2015-10-28

danilop/JustAGame

A (very) simple game to showcase the power of HTML5 + WebSockets and the use of Amazon Web Services (AWS) APIs within an application - danilop/JustAGame
Saved on: 2015-10-22

rmurphey/js-assessment

A test-driven approach to assessing JS skills
Saved on: 2015-10-21

ProseMirror

In-browser structured text editing component
Saved on: 2015-10-19

trix/README.md at main · basecamp/trix

A rich text editor for everyday writing
Saved on: 2015-10-19

exratione/lambda-complex

Build and deploy Node.js applications constructed from AWS Lambda functions. - exratione/lambda-complex
Saved on: 2015-10-15

Let's Learn GraphQL | Learn GraphQL

Master GraphQL with clear, structured tutorials and insights that actually make sense.
Saved on: 2015-10-14

The Future of Web Development - React, Falcor, and ES6 | Widen Engineering

The future of web application development looks a bit different than what we are all used to. I'll show you how to build a simple full-stack JavaScript app u...
Saved on: 2015-10-13

kolodny/exercises · GitHub

Some basic javascript coding challenges and interview questions - kolodny/exercises
Saved on: 2015-10-08

A cartoon guide to Flux — Code Cartoons — Medium

Flux is both one of the most popular and one of the least understood topics in current web development. This guide is an attempt to explain it in a way everyone can understand. First, I should…
Tags: #javascript
Saved on: 2015-10-05

Styling & Customizing File Inputs the Smart Way | Codrops

A tutorial on how to style and customize in a semantic, accessible way using the element and some JavaScript.
Tags: #javascript
Saved on: 2015-09-25

Microservices without the Servers | AWS Compute Blog

Tim Wagner, AWS Lambda General Manager At LinuxCon/ContainerCon 2015 I presented a demo-driven talk titled, “Microservices without the Servers”. In it, I created an image processing microservice, deployed it to multiple regions, built a mobile app that used it as a backend, added an HTTPS-based API using Amazon API Gateway and a website, and then […]
Saved on: 2015-09-06

Use Amazon Mobile Analytics with your JavaScript enabled apps - AWS Develop

Update: April 30, 2018: We’ve discontinued Amazon Mobile Analytics. Amazon Pinpoint now provides the analytics features that Amazon Mobile Analytics previously offered. If you’re new to Mobile Analytics, you can integrate the mobile analytics features of Amazon Pinpoint into your app. If you currently use Amazon Mobile Analytics, you can migrate to Amazon Pinpoint. Since […]
Saved on: 2015-09-02

Sage: Open Source Mathematics Software: React, Flux, RethinkDB and SageMath

I've been using databases and doing web development for over 20 years, and I've never really loved any database before and definitely didn'...
Saved on: 2015-09-01

reactjs - netflix - tony casparro - chasing 60fps - YouTube

Tony Casparro from Netflix talking about rebuilding the netflix ui with reactjsReact Render Visualizer: https://github.com/redsunsoft/react-render-visualizer...
Saved on: 2015-08-13

Relay Technical Preview | React

This blog site has been archived. Go to react.dev/blog to see the recent posts. Relay Today we’re excited to share an update on Relay - the technical preview is now open-source and available on GitHub. Why Relay While React simplified the process of developing complex user-interfaces, it left open the question of how to interact with data on the server. It turns out that this was a significant source of friction for our developers; fragile coupling between client and server caused data-related…
Tags: #javascript
Saved on: 2015-08-12

New React Devtools Beta | React

This blog site has been archived. Go to react.dev/blog to see the recent posts. We’ve made an entirely new version of the devtools, and we want you to try it out! The full devtools gif Why entirely new? Perhaps the biggest reason was to create a defined API for dealing with internals, so that other tools could benefit as well and not have to depend on implementation details. This gives us more freedom to refactor things internally without worrying about breaking tooling. The current version of…
Saved on: 2015-08-04
❤️
</>
2026