hello.js

var please = require('share');
console.log('thank you');

Tuesday, 4 December, 2018 UTC

React Suspense Provides Redux Alternative

React Suspense Provides Redux Alternative

React 16.6 introduces Suspense, the ability to suspend rendering and display a loading indicator while waiting for something such as data from an API call. By Dylan Schiemann ... more


Monday, 3 December, 2018 UTC

AWS Amplify Console for Rapid Application Deployment

AWS Amplify Console for Rapid Application Deployment

AWS re:Invent 2018 had numerous announcements of new features and services, including the new AWS Amplify Console, a continuous deployment service for mobile web applications. By Dylan Schiemann ... more


Sunday, 2 December, 2018 UTC

Things developers love to hate

Things developers love to hate

Here we listed some things developer love to hate . Poor QA Developers frame code; QA breaks the code. It’s not solid to see where the combat originates. Imagine being five years old, you’ve just flawless the Mona Lisa of board block towers, and here ... more


Sunday, 2 December, 2018 UTC

The Art of Mathematics: A Mandala Maker Tutorial

The Art of Mathematics: A Mandala Maker Tutorial

Hagar Shilo breaks out the Christmas decorations with a tutorial to show how a little knowledge of JavaScript can lead to impressive results. Forget about the doilies and fake snow on the windows, all we need to create geometric patterns is a web browser ... more


Sunday, 2 December, 2018 UTC

Weekly React Digest Issue #176

Weekly React Digest Issue #176

react React 16.x Roadmap You might have heard about features like “Hooks”, “Suspense”, and “Concurrent Rendering” in the previous blog posts and talks. In this post, we’ll look at how they fit together and the expected timeline for their availability ... more


Sunday, 2 December, 2018 UTC

Popular Design News of the Week: November 26, 2018 – December 2, 2018

Popular Design News of the Week: November 26, 2018 – December 2, 2018

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted ... more


Sunday, 2 December, 2018 UTC

A Model UN committee management service with React

A Model UN committee management service with React

Muncoordinated Muncoordinated is a Model UN committee management service, (re)written with TypeScript, React, Semantic UI and Firebase. GitHub ... more


Sunday, 2 December, 2018 UTC

A simple and dependency-free state manager for React using hooks

A simple and dependency-free state manager for React using hooks

use-simple-state A simple, lightweight (1kb), dependency-free state manager for React, built using hooks. Note: lists [email protected] as a peer dependency. Once 16.7 ships this will be updated to use ^[email protected] Installation Intall the package ... more


Sunday, 2 December, 2018 UTC

Rich Text Editor built with React and ProseMirror

Rich Text Editor built with React and ProseMirror

CZI-ProseMirror Drop-In WYSIWYG editor based on ProseMirror & React. View Demo Download Source Getting Started Getting dependencies git clone https://github.com/chanzuckerberg/czi-prosemirror.git cd czi-prosemirror npm install Install dependencies ... more


Sunday, 2 December, 2018 UTC

How Does React Tell a Class from a Function?

How Does React Tell a Class from a Function?

Consider this Greeting component which is defined as a function: function Greeting() { return <p>Hello</p>; } React also supports defining it as a class: class Greeting extends React.Component { render() { return <p>Hello</p>; ... more


Saturday, 1 December, 2018 UTC

The State of JavaScript 2018: Vue wins – again!

The State of JavaScript 2018: Vue wins – again!

What do JavaScript developers deserve, what do they do and why do they (do not) like what they use? The new State of JavaScript 2018 is here and provides insight into many areas of the JavaScript world. Vue is one of the big winners again. What else ... more


Saturday, 1 December, 2018 UTC

A npm library for a low-config stylish react video player

A npm library for a low-config stylish react video player

react-happy-player Welcome to react-happy-player, a low-config react component for a stylish video player. Intended to provide easy control on the video playback. View Demo Download Source Install $ npm i react-happy-video Usage import VideoPlayer from ... more


Saturday, 1 December, 2018 UTC

A react implementation of stickyroll

A react implementation of stickyroll

Stickyroll Stickyroll is the successor of react-over-scroll. This project is maintained as a monorepo via lerna. Stickyroll translates page scroll to paging and a progress timeline. The view uses position: sticky to remain in-view. View Demo Download ... more


Saturday, 1 December, 2018 UTC

Securing Your Site like It’s 1999

Securing Your Site like It’s 1999

Katie Fenn opens the door on our 2018 season by transporting us back to the turn of the century when new lessons were being learned about web security. Those who don’t learn from the past are condemned to repeat it, so fasten up your winter coat and ... more


Saturday, 1 December, 2018 UTC

How to Use the Google Calendar API

How to Use the Google Calendar API

Google Calendar is one of the most popular ways to manage events, meetings, holidays, and anything else you need to schedule. The Google Calendar API lets you add and update events automatically, so your computer manage your calendar for you! Here's ... more


Saturday, 1 December, 2018 UTC

JavaScript Replace All Instances of a String

JavaScript Replace All Instances of a String

I've started building out our JavaScript Glossary and when I got to the replace() method, I had to build out a snippet to handle replacing all occurrences of a string in a string. Only Replaces One https://scotch.io/embed/gist/7be587f89ba2ee18f105a57a791a2c18 ... more


Saturday, 1 December, 2018 UTC

ECMAScript proposal updates @ 2018-11

ECMAScript proposal updates @ 2018-11

The changes of proposal’s status @ 67th meeting of Ecma TC39 New Proposals Proposal Stage IDL for ECMAScript 1 Asset References 1 Updated Proposals Proposal From To Symbol.prototype.description 3 4 Function.prototype.toString revision 3 4 Well-formed ... more


Saturday, 1 December, 2018 UTC

Create React App companion for universal app

Create React App companion for universal app

cra-universal Create React App companion for universal app. No eject, zero config with customization, supports string and node stream API. View Demo Download Source Features No eject needed! Zero config by default and customizable Server-side rendering ... more


Saturday, 1 December, 2018 UTC

How to Use a Private Github Repo as a Dependency with Yarn & NPM

How to Use a Private Github Repo as a Dependency with Yarn & NPM

One of the really cool, less known and typically forgotten features of NPM and Yarn is the ability to install git repositories directly as part of the package install command. Whether you are working on a serverside javascript project using NodeJS or ... more


Saturday, 1 December, 2018 UTC

HTML5 Input Types Explained

HTML5 Input Types Explained

Remember searching for the perfect color picker library for jQuery? Remember writing code to generate the multiple select boxes that make up a date? As HTML has matured over the years, new improvements have replaced our old ways. Some welcome additions ... more


Friday, 30 November, 2018 UTC

Presentation: A Room with a Vue.js

Presentation: A Room with a Vue.js

Ryan Rousseau introduces Vue.js, building a simple web application to showcase its features and benefits. By Ryan Rousseau ... more


Friday, 30 November, 2018 UTC

Founders Talk 59: How $3.8M in seed funding started Gatsby as an open source company

Founders Talk 59: How $3.8M in seed funding started Gatsby as an open source company

Kyle Mathews is the founder and CEO of Gatsby, a new company he’s building around an open source project of the same name. Gatsby as a project describes itself as a flexible modern website framework and blazing fast static site generator for React.js. ... more


Friday, 30 November, 2018 UTC

JS Party 54: trust.js but verify

JS Party 54: trust.js but verify

KBall, Jerod, and Nick break down some recent events in the JavaScript world. Take a dive into the recent event-stream malware attack, breaking down the State of JavaScript 2018 survey, and sharing pro tips to make your life better. Sponsors Gauge – ... more


Friday, 30 November, 2018 UTC

177: Community Outreach

177: Community Outreach

Tyler McGinnis joins us this week to talk about the importance of community outreach, how he got into teaching and what keeps him going. We talk about how publishing content like blog posts and other training material can generate exciting opportunities ... more


Friday, 30 November, 2018 UTC

State of JavaScript: ECMAScript 6 rules

State of JavaScript: ECMAScript 6 rules

The year 2018 has been a calm one for JavaScript, with ECMAScript 6 remaining the top variant of the scripting language that anchors web development. React has again led the way in front-end frameworks. But 2019 could see some changes, with GraphQL expected ... more


Friday, 30 November, 2018 UTC

Asynchronous JavaScript: Callbacks and promises explained

Asynchronous JavaScript: Callbacks and promises explained

Dealing with asynchronous code, meaning code that doesn’t execute immediately like web requests or timers, can be tricky. JavaScript gives us two ways out of the box to handle asynchronous behavior: callbacks and promises. To read this article in full, ... more


Friday, 30 November, 2018 UTC

Visual Studio Code 1.29 Improves Search, Debug, and More

Visual Studio Code 1.29 Improves Search, Debug, and More

Visual Studio Code October 2018 release, numbered 1.29, introduces a number of significant new features, while confirming Visual Studio Code trend as the most used text editor in the JavaScript ecosystem. By Sergio De Simone ... more


Friday, 30 November, 2018 UTC

Mozilla Focuses on WebAssembly Performance and Features

Mozilla Focuses on WebAssembly Performance and Features

Mozilla strives to make WebAssembly as fast as possible. In recent versions of Firefox, calls between JavaScript and WebAssembly are now faster than non-inlined JavaScript to JavaScript function calls. Mozilla also is looking beyond an MVP state to make ... more


Friday, 30 November, 2018 UTC

TypeScript 3.2 Improves Metaprogramming Support and Adds BigInt

TypeScript 3.2 Improves Metaprogramming Support and Adds BigInt

The TypeScript team has released version 3.2 of TypeScript, improving support for various metaprogramming patterns, Object spread and rest on generic types and BigInt support for environments which support this stage 3 ECMAScript proposal. By Dylan Schiemann ... more