React Top 10 Articles For the Past Month (v.Oct 2017)

For the past month, we’ve ranked nearly 1,200 React articles to pick the Top 10 stories that can help advance your career. (0.8% chance to be picked in the list)

Full article

Read More

Creating Progressive Web Apps with Angular — Part 1

Progressive web applications are the new standard in this modern era of web development. They’re pure web applications built with the very web technologies (HTML, JS & CSS) but behave as a hybrid. i.e. somewhere between web and native apps.

Full article

Read More

How to Make a Killer Data Dashboard With Google Sheets

Every company operates around objectives and uses key performance indicators (KPIs) to track progress towards those objectives. For each goal, there are two main questions teams should easily be able to answer at any time:

Full article

Read More

Microservices, the future of society and all that

Modularity for introverts and extroverts ...or what it means that large things are an accumulation of small things... 21st October 2017, Based on Keynote for Reactive Summit 2017 This is an essay about how we draw boundaries around things, and what that means to us.

Full article

Read More

HTML Web Component using Vanilla JavaScript

Web Components have been around for a while now. Google has really been trying to push for their more widespread adoption, but most major browsers still have very little support for it, except for Opera and Chrome. However, by using polyfills, available from http://ift.tt/2i8WIcN.

Full article

Read More

The 14 JavaScript debugging tips you probably didn't know

Knowing your tools can make a significant difference when it comes to getting things done. Despite JavaScript's reputation as being difficult to debug, if you keep a couple of tricks up your sleeve errors and bugs will take less time to resolve.

Full article

Read More

The Web Fundamentals Gap

I had a conversation with a friend yesterday who is looking to fill a role in his company and expressed some frustration with a challenge I've been seeing lately as well: I have had some trouble hiring a front-end person, basically a WP, Foundation, CSS, JS person to fill a low-level production ro

Full article

Read More

Deploying AdonisJS Apps to DigitalOcean

In my last post I showed how to deploy AdonisJS apps to Heroku. In this tutorial, I'll be showing you how to deploy your AdonisJS application to Digital Ocean. We'll also be deploying the task list app we built earlier on. Login to your Digital Ocean account and create a new droplet (server).

Full article

Read More

How to structure components in React?

Programming is quite a complex task. Especially crafting clean code is hard. We need to take care of many elements — naming variables, scoping functions, handling errors, ensuring security, monitoring performance etc.

Full article

Read More

Bootstrap 4: Everything You Need to Know

This article will cover the practical fundamentals you need to start building responsive websites with the latest version of Bootstrap, version 4. You may be wondering — why did Ohans write this 17,000 word guide to Bootstrap? After all, browser support for Flexbox and Grid are on the rise.

Full article

Read More

Understanding Component Architecture: Refactoring an Angular App

This article is part 2 of the SitePoint Angular 2+ Tutorial on how to create a CRUD App with the Angular CLI. In part one we learned how to get our Todo application up and running and deploy it to GitHub pages.

Full article

Read More

Wiki.js

Wiki.js An open source, modern and powerful wiki app built on Node.js, Git and Markdown. Runs on any Linux, Windows or macOS servers. Features Markdown editing, backed by Git Write your content in the widely used and simple Markdown format, using the built-in visual editor.

Full article

Read More

Saying Goodbye to Firebug

The most popular and powerful web development tool. Firebug has been a phenomenal success. Over its 12-year lifespan, the open source tool developed a near cult following among web developers.

Full article

Read More

Track The Device Geolocation In A NativeScript Angular Mobile Application

I get a particular set of questions quite a bit on my blog and other social media outlets.  One of these questions includes how to use geolocation features such as GPS tracking within a NativeScript mobile application for iOS and Android.

Full article

Read More

Node.js Async Function Best Practices

Since Node.js version 7.6, Node.js ships with a new V8 version that features async functions. As Node.js 8 becomes the active LTS version on October 31, there is no reason for not starting to adopt async functions in your codebase.

Full article

Read More

Bad Practices in Database Design: Are You Making These Mistakes?

Whenever you, as a developer, are given a task based on existing code, you have to face many challenges. One such challenge—more often than not the most demanding one—involves understanding the data model of an application.

Full article

Read More

Google’s Android Studio 3.0 is now available for download

Google had announced Android Studio 3.0 at the company’s I/O 2017 developer conference in May this year for its IDE (integrated development environment) for mobile. Keeping on its words, Google released the latest version of Android Studio 3.0 yesterday, which is now available for download.

Full article

Read More

TypeScript for Beginners, Part 3: Interfaces

We began this series with an introductory tutorial that introduced you to different TypeScript features. It also taught you how to install TypeScript and suggested some IDEs that you can use to write and compile your own TypeScript code. 

Full article

Read More

Xiaomi Mi A1 com Android One a €177

O Xiaomi Mi A1 com Android One é um dos smartphones Android mais desejados do momento, e temos nova oportunidade para o apanhar a preço que não deixa margem para dúvidas. O Xiaomi Mi A1 é um smartphone com características idênticas à do Mi 5X, com ecrã Full HD de 5.

Full article

Read More

Redesigning Laravel.io

Written by Adam Wathan and Steve Schoger. Laravel.io is a forum and community portal for developers who use the Laravel PHP framework.

Full article

Read More

Scaling React Server-Side Rendering

I had the opportunity to work on scaling a React rendering service, adapting a fixed hardware provision to deal with increasing load. Over the course of many months, incremental improvements were made to the system to enable it to cope with demand.

Full article

Read More

MEAN Stack Crash Course – Using MongoDB with Node.js, Express and Angular 4

Code that accompanies this article can be downloaded here. In previois article I explained how to use MongoDB in .NET world. This is probably not the most natural habitat for MongoDB. So, I decided to display how one can use MongoDB in other, debatably, more fitting environment.

Full article

Read More

Tools for React Native Development

Tools, libraries, and services are an important part of every developer’s life, no matter which environment you’re developing for. And React Native is no exception.

Full article

Read More

Bitcoin Has Barely Reached 1% of its Potential: Expert Blog

Vincent Launay is a finance specialist at the World Bank in Washington DC. He holds an MSc in Finance from HEC Paris and a CFA charter. The views and interpretations in this article are his own and do not necessarily represent the views of the World Bank or Cointelegraph.

Full article

Read More

Microservices are hard — an invaluable guide to microservices.

If you’re looking to move to Microservices, I have some extremely helpful advice for you that we have learned during our migration from a monolith to a scalable, maintainable microservice architecture. We’ve been building our platform now for over 18 months. It started off relatively simple.

Full article

Read More

Building maintainable Angular 2 applications

Building small components is easy at the start of a project, but preventing them from growing takes discipline. During the development of our first Angular 2 application at Versett, we continuously added functionality to our components rather than splitting them out into new components.

Full article

Read More

Running CircleCI on Pull Requests — Continuous Integration Part 3

We continue our continuous integration journey by setting up CircleCI to run on Pull Requests. We also set CircleCI up to protect the branches, requiring a reviewed Pull Request with continuous integration running successfully in order for a merge to happen.

Full article

Read More

Setting up Webpack, Babel and React from scratch, revisited · Muffin Man

Last summer I wrote this post which quickly became my most popular one to day. With webpack 2 and 3 it got outdated, so I decided to write a new one. I’ll assume you have a basic knowledge of unix terminal, npm and JavaScript.

Full article

Read More

Anatomy of a large Angular application

A fresh application always starts out as that one application that’s going to be designed for easy maintenance and development.Unfortunately, it’s just a matter of time until that application becomes non-trivial and needs reorganisation and/or a rewrite.

Full article

Read More

Why Everyone Missed the Most Mind-Blowing Feature of Cryptocurrency

There’s one incredible feature of cryptocurrencies that almost everyone seems to have missed, including Satoshi himself. But it’s there, hidden away, steadily gathering power like a hurricane far out to sea that’s sweeping towards the shore.

Full article

Read More

10 things I learned making the fastest site in the world

This post is about performance techniques, so I hope you won’t mind that the site in question is not quite finished. Edit: it’s finished! But you need something to click on so you can decide whether you value my opinion or not, so here you go: know-it-all.io

Full article

Read More

An Introduction to Web Workers JavaScript API

Web Workers is a JavaScript API that allows you to run scripts in a separate thread from the main one. It can come in handy when you don’t want any hindrance in the execution of the main scripts, due to background-esque scripts.

Full article

Read More

Debugging React Like a Champ with VSCode

Gone are the days where I spend my time bouncing back and forth between the terminal, browser and editor. Ain’t nobody got time for that! In this guide I will show you how to supercharge your React workflow with Visual Studio Code’s debugging features.

Full article

Read More

Trunk-based Development vs. Git Flow

In order to develop quality software, we need to be able to track all changes and reverse them if necessary. Version control systems fill that role by tracking project history and helping to merge changes made by multiple people.

Full article

Read More

10 CSS & JavaScript Parallax Scrolling Code Snippets

There’s a lot of confusion about parallax design and how it works on the web. Generally speaking, parallax design is the use of motion to create the illusion of depth on a page. This can relate to background changes or semi-fixed position items that move alongside the user’s scrolling.

Full article

Read More

componentDidMakeSense — React Lifecycle Explanation

React is incredible because it allows you to build your UI using a declarative API. You tell React what you want the interface to look like, and it handles the rest. As users interact with the application, the state changes which causes updates to the DOM.

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

How to make your Angular 4 app SEO friendly

This blog post was written under the Pusher Guest Writer program. Single Page Applications are awesome! They load fast and give you a lot of control on how you want your application to run. They are parsed by the browser and thus you have control of the DOM elements and all of that goodness.

Full article

Read More

Node.js Security Overview

The initial Node.js release happened a little bit more than 8 years ago. Since then Node.js became one of the leading platforms for building backend applications. As such, security becomes more and more important. In the first part of this article you will learn where Node.

Full article

Read More

wearehive/project-guidelines

While developing a new project is like rolling on a green field for you, maintaining it is a potential dark twisted nightmare for someone else. Here's a list of guidelines we've found, written and gathered that (we think) works really well with most JavaScript projects here at hive.

Full article

Read More

These are the router makers that have patched KRACK WPA2 Wi-Fi flaws

Is your router receiving the attention it needs in light of the KRACK WPA2 Wi-Fi hack? An exploit that has taken the "protected" out of Wi-Fi Protected Access II (WPA2) means that your wireless network is likely not as safe as you once thought.

Full article

Read More

Lessons Learned Scaling Airbnb 100X

On my first day at Airbnb, in early 2011, I walked in to see cofounder Joe Gebbia building my desk. I had spent three months slowly convincing the fledgling startup that they needed what was called a product manager. Now, Joe encouraged me to settle in and dive deep into the website.

Full article

Read More

How to Create Your Own Local Premium URL Shortener Service

You will encounter some very long URLs (Uniform Resource Locators) on the internet. Many sites put information about your visit into the URL: items like language, location, identification, reference codes for specials, and many other items. This makes for very long URLs.

Full article

Read More

Top 15 programming languages, according to GitHub

If you are looking to make a promising and long-term career in the ever changing software development industry, it is very important to know the right skills required to survive and get ahead in the modern workplace.

Full article

Read More

How to build a basic version of Product Hunt using React

This example and design shares what I’ve learned from the book Fullstack React. I highly recommend it as a good resource for learning React and it’s ecosystem technologies. check it out here: fullstackreact.com.

Full article

Read More

Angular 4 Development Cheat Sheet

Angular is a JavaScript framework for developing mobile and web applications. It started as a client side JavaScript framework for writing better front-end applications that run in a web browser.

Full article

Read More

How I replicated an $86 million project in 57 lines of code

Victoria Police is the primary law enforcement agency of Victoria, Australia. With over 16,000 vehicles stolen in Victoria this past year — at a cost of about $170 million — the police department is experimenting with a variety of technology-driven solutions to crackdown on car theft.

Full article

Read More

11 Things Developers Love Hearing From Non-Developer Co-Workers

In the workplace, non-developers see developers as folks who make magic out of code. As a developer, you could be building complex API integrations all day or just clicking around playing West of Loathing on Steam, and 99% of your coworkers wouldn’t be able to tell the difference.

Full article

Read More

Why your Angular App is not Working: 11 common Mistakes

Resolving problems of your angular application can be very challenging. When your angular app is not working and all it gives you are some cryptic red lines in a console. Especially when you are a beginner, these problems can turn the development process with angular into a real pain.

Full article

Read More

Prettier + Stylelint: Writing Very Clean CSS

It sure is nice having a whole codebase that is perfectly compliant to a set of code style guidelines. All the files use the same indentation, the same quote style, the same spacing and line-break rules, heck, tiny things like the way zero's in values are handled and how keyframes are named.

Full article

Read More