Github Stars !== Usage: React is still blowing Vue and Angular Away

Last week there was a fairly momentous occurance in the JavaScript framework world: Vue.js passed React.js in the number of people who have 'starred' it on Github. Congratulations to @vuejs for surpassing React’s star count on GitHub! Seems like I almost captured a historical moment by accident.

Full article

Read More

A Comprehensive Guide to Flexbox Alignment

Alignment is probably the most confusing aspect of flexbox. The flexbox layout module has a handful of alignment properties that behave differently under different circumstances, and when using them you might not necessarily understand what is happening or why.

Full article

Read More

Building a Music Streaming App using React Native

React Native is a framework for building native apps using React and Javascript. In this post, I’ll walk through the process of building a music streaming similar to Spotify. What’s really cool is that the exact same code is going to work for both iOS and Android, and the apps are going to be 100 % native (no WebViews or anything).

Full article

Read More

Tips on React for large scale projects

It’s been two years time that I’ve met React and immediately fell in love with it. The way that React works, as a declarative, not-so-large library created exclusively to build rich User Interfaces provides everything as necessary (plus a rich ecosystem with tons of add-ons).

Full article

Read More

Go tools & GitLab — how to do Continuous Integration like a boss

At Pantomath, we use GitLab for all our development work. The purpose of this paper is not to present GitLab and all its features, but to introduce how we use these tools to ease our lives.

Full article

Read More

Easy Document Signing with the Eversign Chrome Extension

A while back I wrote about Eversign, an awesome service that allows you and your clients or partners to digitally sign documents online.  If you've recently bought a house or did any other large purchases or agreements, you know how important the ability to reliably sign documents online is.

Full article

Read More

How to use Error Boundaries in React 16

Have you seen these in your console? If you maintain a React application, you know that this class of error messages can be among the most frustrating and difficult to resolve.

Full article

Read More

Using JavaScript modules on the web

JavaScript modules are now supported in all major browsers! This article explains how to use JS modules, how to deploy them responsibly, and how the Chrome team is working to make modules even better in the future.

Full article

Read More

On-demand login with Keycloak, Angular 4/5, NgRx, Backend API, Bookmark-able links

TL;DR. I was very busy and did not find time to update the old Keycloak angular article. Few had suggested to indicate at the beginning of that article to take a different approach as it was an old approach.

Full article

Read More

How you can improve your workflow using the JavaScript console

As a web developer, you know very well the need to debug your code. We often use external libraries for logs, and to format and/or display them in some cases, but the console of our browsers is much more powerful than we think.

Full article

Read More

How to build a news app with JavaScript and React Native

Requirements for building the app: A basic understanding of the JavaScript language. Node.js, and react native. Libraries used: moment, react-native, react-native-elements. If you’re not familiar with these resources, don’t worry — they are quite easy to use.

Full article

Read More

Building a Fancy Countdown Timer with MomentumSlider.js

Nowadays there are many Javascript libraries to make it easy the task of adding sliders to a website. Most have a host of features, to adapt the slider to the particular needs of each case.

Full article

Read More

Managing State in Angular Applications

Victor Savkin is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and built the dependency injection, change detection, forms, and router modules. Managing state is a hard problem.

Full article

Read More

How to Seamlessly Integrate Brotli Compression with Webpack

When talking about web performance it’s always interesting to hear about new ways to make the process simpler and more efficient. Brotli and Webpack are two technologies that have a proven track record of achieving both of these things.

Full article

Read More

The definitive guide to React Material

Material Design is a design language that was first introduced by Google in 2014. It’s a visual language that makes use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.

Full article

Read More

What Being a Freelance Programmer Is REALLY Like: The Pros and Cons

Working as a freelance programmer offers many benefits. While some of the positives come from the flexible nature of the work, still others relate to programming specifically. However, as liberating as it might seem, freelance work isn’t always “Office Space.

Full article

Read More

Debugging Node Code in VS Code

Visual Studio Code has an amazing amount of functionality built in, including support for debugging applications. Although the functionality is there, it took me several tries to figure out how to get things configured to debug Node applications.

Full article

Read More

Create A Live Comment Feed with Pusher and Gatsby (React + GraphQL + Node.js)

Gatsby is a modern static site generator that allows you to build static web pages using React and GraphQl. Getting started with Gatsby is pretty easy and its installation is an npm install or yarn install away.

Full article

Read More

WiFi's tougher WPA3 security is ready

WiFi security is finally getting an upgrade after 14 years. The Wi-Fi Alliance has officially launched WPA3, the next-generation standard that promises to tackle many of the vulnerabilities that have persisted in wireless networking.

Full article

Read More

Build a JavaScript Single Page App Without a Framework

Front-end frameworks are great. They abstract away much of the complexity of building a single-page application (SPA) and help you organize your code in an intelligible manner as your project grows.

Full article

Read More

When (and why) you should use ES6 arrow functions — and when you shouldn’t

Arrow functions (also called “fat arrow functions”) are undoubtedly one of the more popular features of ES6. They introduced a new way of writing concise functions.

Full article

Read More

Google’s AR measurement app is coming to an Android Phone near you

Back at WWDC, Apple announced it was giving every iPhone a ruler in the form of an AR app called Measure. Now Google is firing back with an app also called Measure. Actually Google technically beat Apple to the punch. Measure has been available for a while on Tango devices (remember Tango?).

Full article

Read More

Zero to Deploy: Build A Documentation System with Vue and VuePress

Documentation is food for the developer’s soul, and too many times we find it arduous to build out a documentation system for projects. In this post, we shall be building out a static documentation website which is also a single page application using the Vue powered static site builder, VuePress.

Full article

Read More

? Introducing Akita: A New State Management Pattern for Angular Applications

Every developer knows state management is difficult. Continuously keeping track of what has been updated, why, and when, can become a nightmare, especially in large applications. In the Angular world, the most popular solution is ngrx/store, which was inspired by the famous Redux model.

Full article

Read More

Google PageSpeed Insights – Scoring 100/100 with WordPress

Running speed tests with tools like Google PageSpeed Insights, WebPageTest, or KeyCDN’s site speed test are always a good way to help gauge your website’s performance. While these metrics can be very helpful it is also important to keep this data in perspective.

Full article

Read More

How to Install Windows 10 IoT Core on Raspberry Pi 3

Windows 10 appears on a huge range of devices. Microsoft is also making strides with the Internet of Things (IoT), positioning the Windows 10 Internet of Things Core as a tiny-but-powerful version of their desktop environment. As such, you can take Windows 10 IoT Core for a test drive today.

Full article

Read More

End-to-end Tests that Don’t Suck with Puppeteer

Tests written to check software functionality can be grouped into a few categories. Some of the most popular categories include: This last group of tests is what we are talking about in this post. They are sometimes known as acceptance tests or functional tests.

Full article

Read More

Full Stack Error Handling with GraphQL and Apollo ?

Most GraphQL layers sit between the application frontend and a constellation of micro-services and data sources, which make them a focal point for error handling. Errors can range from bad user inputs to back-end bugs to rare network outages.

Full article

Read More

Smarter, Not Harder: How to Succeed at Work

We each have 96 energy blocks each day to spend however we'd like. Using this energy blocking system will ensure you're spending each block wisely to make the most progress on your most important goals.

Full article

Read More

Useful Git Tips and Commands

Git is an extremely powerful tool with a big and rich set of tools to help you maintain your projects. In this article, we are going to look at a couple of useful git tips and commands that I find useful in my daily life.

Full article

Read More

Real-Time Charts using Angular, D3, and Socket.IO

TL;DR: Charts create some of the most catchy sections on any business applications. A chart that updates in real time is even more catchy/useful and adds huge value for users. Here, you will see how to create real-time charts using Angular, D3, and Socket.IO.

Full article

Read More

A Taste of Angular Material Virtual Scroll

As a developer, you’ve probably had to implement a big list or table for your application using an infinite scroll technique. The problem with that is that so many elements in the DOM can cause slow initial rendering, laggy scrolling, and dirty checking on each one of them in the context of Angular can be expensive.

Full article

Read More

How To Build A Movie Search App With React and ElasticSearch

In this post, we will use React and Elasticsearch to build a MovieSearch app. I know you like React, and watching movies, but what is this Elasticsearch thing I’m talking about. Don’t worry.

Full article

Read More

BEM For Beginners: Why You Need BEM

CSS styles isolation is the most frequent start point of the BEM usage. But this is the least that BEM can give you. BEM brings a system approach in your project and keeps it from the mess. BEM makes your code scalable and reusable, thus increasing productivity and facilitating teamwork.

Full article

Read More

Cypress: Write Automated Tests to Validate Web Applications

TL;DR: This post is an introduction on using Cypress for writing browser-based automation tests for web applications. This tutorial uses a React application as an example to illustrate the testing framework, but you can apply the learnings to write integration tests for any web application.

Full article

Read More

How to build a React project from scratch using Webpack 4 and Babel

I have been learning React lately, and I have used create-react-app to create my React projects easily with minimal efforts and configuration, and i guess you too have most probably used create-react-app or react-slingshot to create your react apps.

Full article

Read More

Pros and cons of functional programming

Originally I shared this translation to Syndicode blog. This article is the translation based on the original material by Irina Linnik. I decided that these thoughts and considerations she wrote about can be quite useful for the English-speaking audience.

Full article

Read More

Optimizing the Performance of Your Angular Application

By default, Angular runs change detection on all components every time something changes in your app — from a click event to data received from an ajax call. ( user events, timers, xhr, promises, etc. ) Imagine, for example, that we have a select component.

Full article

Read More

? A Comprehensive Guide to Angular onPush Change Detection Strategy

By default Angular uses the ChangeDetectionStrategy.Default change detection strategy. The default strategy doesn’t assume anything about the application, therefore every time something changes in our application, as a result of various user events, timers, XHR, promises, etc.

Full article

Read More

Setup Continuous Integration with React Native

If you’ve worked on production web projects in the past you likely have experience with continuous integration. Push to the staging branch and it automatically goes to the staging server!

Full article

Read More

Continuous Integration. CircleCI vs Travis CI vs Jenkins

Continuous Integration (CI) is a software development practice that is based on a frequent integration of the code into a shared repository. Each check-in is then verified by an automated build.

Full article

Read More

A Fun Introduction to Angular Animations

Huge fan alert! Angular Animations are one of my favorite parts of Angular, and I think Matias Niemela did just an incredible job with the current implementation of the library.

Full article

Read More

From Zero to Production with Angular, Firebase, and GitLab CI

You can check final repo here. But keep in mind that tutorial includes some information about a configuration of the GitLab repo itself. Firstly, we need to create an empty project in GitLab.

Full article

Read More

Creating a Library in Angular 6

Angular 6 was just released. Many of the improvements were to the Angular CLI. The one I have really been looking forward to is the integration of the Angular CLI with ng-packagr to generate and build Angular libraries.

Full article

Read More

AI detects movement through walls using wireless signals

You don't need exotic radar, infrared or elaborate mesh networks to spot people through walls -- all you need are some easily detectable wireless signals and a dash of AI. Researchers at MIT CSAIL have developed a system (RF-Pose) that uses a neural network to teach RF-equipped devices to sense people's movement and postures behind obstacles.

Full article

Read More

GitHub VS GitLab

Software Engineers use version control repository management systems a lot. They have been a key component in the software development workflow. It makes life way easier to have one copy of an entire project up on a repository rather than each of your team member having individual copies you have to keep matching up to keep up with continuous integration.

Full article

Read More

Build a Health Tracking App with React, GraphQL, and User Authentication

I think you’ll like the story I’m about to tell you. I’m going to show you how to build a GraphQL API with Vesper framework, TypeORM, and MySQL. These are Node frameworks, and I’ll use TypeScript for the language.

Full article

Read More

Free Video Course on Reactive Programming in Angular

Today I’d like to share with you something that I’ve been working on for some time – the first three episodes of my new video course. The course is dedicated to functional-reactive programming in Angular. There is a strong trend of adopting reactive programming in the front-end world.

Full article

Read More

Continuous Integration with Jenkins and GitLab

I recently got tasked with setting up a new Jenkins box within my organization, and having it work with our GitLab hosted Git repositories.

Full article

Read More

Customize Payment Solutions with Enhanced API, Sample Code and SDKs

As developers build sites for merchants, we know that payment processing capabilities are important. But it’s not always easy to set up a payment solution that is not only reliable and secure, but also flexible and tailored to each merchant’s specific needs. That’s why Authorize.

Full article

Read More