ITNEXT.io

428 Flips | 2 Magazines | 1 Like | 1 Following | 1 Follower | @ITNEXTio | ITNEXT is a platform for developers, software engineers, QA, Ops, Scrum Masters, PO's & IT Managers to share knowledge, connect, collaborate, learn and experience on the main IT-related topics. We keep an eye on the future to use what is NEXT!

Server Side Hydration — SSR with Vue and webpack from scratch (3/3)

Server Side Hydration — SSR with Vue and webpack from scratch (3/3)<p>This article will continue on from my previous post, where we implemented basic …

JavaScript

[JOB]: JavaScript Developer (junior, medior & senior)

<b>Development with next-gen JavaScript and leading open-source frameworks.</b><p>A JavaScript Developer at LINKIT will develop, test and deploy applications …

JavaScript

Vue page wrapper components

This problem has occurred me before and bites me from time to time: How to properly configure the current page header title to appear in a dynamic …

JavaScript

Building React library using react-lib-scripts

react-lib-scriptsHi, today I’d like to share my latest open source project for building React library, react-lib-scripts.It’s a CLI that will help …

JavaScript

Creating simple application with GoJS, part 3

Recently I’ve explained how to create a GoJS diagram, as well as how to set and style edges. In order to make the diagram fully interactive, we still …

Data Visualization

Creating a Task Management Application with Grunt and CoffeeScript

When we talk about software development, in general, requirements such as web design or letting the execution of certain tasks to be done in the …

JavaScript

Working with Axios and RxJS to make simple Ajax service module

A simple HTTP module based on RxJS observable which can abort XHR on unsubscribe<b>RxJS</b> is the best library out there to handle data streams and use …

JavaScript

FizzBuzzBazz: How to answer and how NOT to answer

Don’t let a little twist to FizzBuzz lead you down a rabbit holeSource: www.chrismorgan.infoFizzBuzz is the infamous weedout coding challenge that …

JavaScript

Data Structures in JS. Part 2: Double Linked Lists

Screenshot of the Double Linked List React AppThis is the second part of a series about Data Structures in JS. The following list resumes all …

JavaScript

Here's Why Mapping a Constructed Array Doesn't Work in JavaScript

Here’s Why Mapping a Constructed Array in JavaScript Doesn’t WorkAnd How To Do It CorrectlyScenarioFor the sake of demonstration, suppose you need to …

JavaScript

Implement your own — call(), apply() and bind() method in JavaScript

It completely make sense to not reinvent the wheel at your work, but it’s also of great significance sometime to build some smaller wheels yourself …

JavaScript

Implement your own — call(), apply() and bind() method in JavaScript

It completely makes sense to not reinvent the wheel at your work, but it’s also of great significance sometime to build some smaller wheels yourself …

JavaScript

Dynamic Programming vs Divide-and-Conquer

Let’s go and try to solve some problems using DP and DC approaches to make this illustration more clear.<p>Divide and Conquer Example: Binary …

Software Development

Using Angular 6 Material Auto-complete With Async Data

A neat UX pattern is to use an auto-complete component to <i>help</i> select known options.<br>Let’s say I want to choose a user from a list of registered user …

JavaScript

JS is not worse than …

Photo by Daniel Cheung on UnsplashLet me start with the reason I’m quickly writing this post, by mentioning a great comment from Jason that I’ve …

JavaScript

Web Components Using Polymer

Web components are a set of APIs that lets you create native, isolated components to be used anywhere regardless of the framework, library or …

JavaScript

Using JSON Server to Create a Restful Server in 5 seconds

Ok, technically, you need to do a<i> little</i> setup to get a JSON Server running, but to activate it, this is all it takes:And that’s it, your new local …

JavaScript

How to use a single instance of Socket.IO in your React app

In the chat room app that I am currently working on, I need a single Socket.IO instance that can be shared by several React components. In the …

JavaScript

Coding the 5 Basic RESTful actions for JavaScript

The <i>RESTful</i> pattern is great, it simplifies our APIs and websites and keeps developers from trying to get cute with their urls. However, it’s often …

JavaScript

Learn the React Context API with a Practical Example You Can Bring to Your Apps

Building a Shared Material UI Snackbar for In-App NotificationsPrefaceMost apps need a way to unobtrusively display notifications to users as they …

JavaScript

Testing your JavaScript in a browser with Jest, Puppeteer, Express, and Webpack

In a couple of recent projects, I found myself having to test code which could only be run in the browser. There are many ways for one to do so, but …

JavaScript

Feature flaggable NPM dependency upgrades

Atlassian is in the process of adopting their own design system called Atlaskit. This means that more and more we’re “outsourcing” product …

Handy

Creating simple application with GoJS, part 2

In the last post I showed you how to get started with a GoJS application. I explained how to create a diagram and how to present data using it. Let’s …

SVG

Visual regression testing for Drupal using Gemini

By ADCI Solutions<i>Regression testing</i> allows to find bugs caused by the previous changes. This is especially noticeable in the front end. It is common …

Performance Testing

Build a Vue.js Drop Down Profile Menu component

<i>Welcome to the second post in the weekly to bi-weekly series on creating basic components for your Vue.js project. In this tutorial, I will build a</i> …

JavaScript

How to Structure a Vue.js Project

Vue.js is more than a hype, it’s a great frontend framework. It’s quite easy to get started with it and to build a web app. Vue.js is often described …

JavaScript

Using sourcemaps on production without revealing the source code ️‍

Today most web developers use tools like webpack and babel to build their front-end code. It allows to write modern javascript and support outdated …

JavaScript

React To Typescript Part 2: Converting React Components to TypeScript

<i>This is the second in a series of blog post that will deal with converting an existing React codebase, Flatris by</i> <i>@Skidding</i><i> to Typescript. We’ll end</i> …

JavaScript

Coding styles for Open Source Projects?

Photo by Luca Bravo on UnsplashHow to maintain coding styles when contributingSomething I forgot to mention in my previous article was the fact that …

JavaScript

Getting Started with building Mobile Apps with NativeScript and Vue.js

<i>NativeScript is a framework to build mobile iOS and Android applications with JavaScript. It’s free to use and has a Vue.js starter kit to get you</i> …

Software Engineering