To Redux or Not: the Art of Structuring State in React Apps

For a high-quality, in-depth introduction to React, you can’t go past Canadian full-stack developer Wes Bos. Try his course here, and use the code SITEPOINT to get 25% off and to help support SitePoint. One common trend I find among most Redux developers is a hatred towards setState().

Full article

Read More

Exploring set(), get() and Object.defineProperty() in TypeScript

When working with Javascript or TypeScript, you may have seen the set and get keywords being thrown around in various blogs or codebases - and they’re extremely useful for parsing or modifying data that’s about to be set on a particular object.

Full article

Read More

I'm an Impostor

This is the hardest thing I've ever had to write, much less admit to myself.  I've written resignation letters from jobs I've loved, I've ended relationships, I've failed at a host of tasks, and let myself down in my life.

Full article

Read More

15+ best & essential VS Code extensions for JavaScript development

Visual studio code provides an amazing environment for development; especially for JavaScript developers. This free of cost cross-platform text editor was introduced by Microsoft and has managed to attract a large number of developers because of its better performance & long listed amazing features.

Full article

Read More

Pixels Camp 2017 arranca hoje para 3 dias repletos de tecnologia em Lisboa

Sabemos que o tempo passa a voar quando se olha para trás e se vê a velocidade com que os eventos anuais se vão sucedendo, e neste caso temos o regresso do Pixels Camp à capital, que junta mais de 1200 participantes numa maratona de três dias repleta de tecnologia, inovação, companheiris

Full article

Read More

7 fucking rules for developers to get shit done

Think about the amount of work you generally do in 5 days, what if you can do the same in 3 days. With better quality and without being stressed. I have done this, so can you.

Full article

Read More

Handling Route Parameters in Angular v2+

The Angular router is a very powerful tool that allows us to do all the routing things needed. The router allows us to: One of the most common tasks when using the router is to create routes with parameters. For instance, here on Scotch, we have user profile links: http://ift.tt/2xv6pM4.

Full article

Read More

How to Organize a Large React Application and Make It Scale

This article is by guest author Jack Franklin. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the Web community In this article, I’ll discuss the approach I take when building and structuring large React applications.

Full article

Read More

Taking CSS Linting to the Next Level with Stylelint

As front-end development has matured, the use of tools addressing code quality has grown substantially. This is perhaps most evident when looking at the JavaScript ecosystem.

Full article

Read More

How does blockchain really work? I built an app to show you.

That sounds nice, but how does it work? To illustrate a blockchain, we will use an open source command-line interface called Blockchain CLI.

Full article

Read More

GPS ganha precisão em 2018

A partir do próximo ano, começarão a chegar ao mercado smartphones que poderão localizar-nos com uma precisão de 30cm e com consumo mais reduzido durante o funcionamento do GPS.

Full article

Read More

Best VS Code Themes of 2017

I don't know about you but I love writing code in a visually appealing environment. Beyond vanity, a good theme (and good font, because good themes should come with good fonts) makes your tons of code less boring to look at. Some themes even point out types in your code with colour schemes.

Full article

Read More

Create a Barebones Angular App with the --minimal Flag

The Angular CLI gives us an easy way to create brand new Angular applications. Not only does it build Angular apps for us, it also gives us extras like testing built in. Sometimes you may want to create a simple Angular app that doesn't have all the bells and whistles that the CLI provides.

Full article

Read More

Mastering Advanced Sass & Workflow with Zurb Foundation (Part 1)

You know CSS; you got into Sass as someone told you that it is that better CSS with wings. I get to tell you that you heard it right! Then you started learning it, explored through this Starter Guide and learned basic topics like variables, mixins, nesting, and imports.

Full article

Read More

Home Automation Using IoT

What really would compel someone to actually develop a complete IoT-based home automation system? Could it be the need to improve the safety of your home, or could it be the desire to live a Jetson-like life that millennials always dreamt of? It is difficult to say.

Full article

Read More

The Problems with Redux

First off, I don't hate Redux. It was made by very smart people to ease the problem of managing state inside single page apps. And it does solve it. You can use Redux to break state down from the high level right down to what each component needs to know about.

Full article

Read More

What's new in Node.js 8.5?

With the recent release of Node.js 8.5, three very exciting new features landed in the Node.js core. In the short blogpost, you are going to learn about them! One of the most requested features of Node.js was to provide support for ESM.

Full article

Read More

A clear and concise introduction to testing Koa with Jest and Supertest

Mocha and Chai are the way to go when it comes to testing a Node API but I couldn’t resist to give Jest a try. Lately I’ve covered Test Driven Development by building a basic RESTful API. My goal today? Rewrite a bunch of tests by switching to Jest and async/await.

Full article

Read More

Hacker News Progressive Web Apps

At Google I/O this year, we introduced HNPWA (Hacker News Readers as PWAs) — a project aiming to demonstrate Progressive Web Apps can be implemented with popular JavaScript frameworks.

Full article

Read More

How JavaScript works: memory management + how to handle 4 common memory leaks

The first post of the series focused on providing an overview of the engine, the runtime, and the call stack. Thе second post examined closely the internal parts of Google’s V8 JavaScript engine and also provided a few tips on how to write better JavaScript code.

Full article

Read More

Build a To-Do API With Node, Express, and MongoDB

API stands for Application Programming Interface. APIs allow the creation of an application to access features of an application or service. Building APIs with Node is very easy. Yes, you heard me right! In this tutorial, you will be building a To-Do API.

Full article

Read More

Building a movie app interface with Vue.js

Most of us use an online streaming service (e.g. Netflix) to watch our favourite shows/movies. This post will highlight how to build a similarly styled movie streaming interface, with Vue.js 2.0 (see image above). The final product: http://ift.tt/2wqDZQE.

Full article

Read More

How to Create a RetroPie on Raspberry Pi - Graphical Guide

Today we get to play amazing games on our super powered game consoles, PCs, VR headsets, and even mobile devices.  While I enjoy playing new games these days, I do long for the retro gaming systems I had when I was a kid: the original Nintendo (NES), Nintendo 64, Sega, and so on.

Full article

Read More

14 productivity apps worthy of note

Maybe you’ve had people make fun of your love of productivity apps. Fear not; this is a safe space. (Haters gonna be—inefficient.) Some of my favorite productivity apps inhabit my Mac’s menu bar. Here are14 worthy of note. Not really a menu bar app, but it lives in my menu bar.

Full article

Read More

How Booking.com manipulates you

Many websites and applications these days are designed to trick you into doing things that their creators want. Here are some examples from timewellspent.io: But one of the most manipulative websites I’ve ever come across is Booking.com, the large hotel search & booking service.

Full article

Read More

Implementing GraphQL in React using Apollo

This is a second part of a set articles exploring GraphQL technology. Refer to Implementing GraphQL Using Apollo on an Express Server for the server setup which is necessary for this client side article. In this section, we focus on how to implement GraphQL on a React client using Apollo.

Full article

Read More

How I built a Content Management System for a React app in one day

Option number 2 quick at first, and is fine for an early stage startup operating in one country. However, two big problems will surface and grow as companies scale. In fact, I have personally experienced multiple times the first of these two problems at work.

Full article

Read More

The Ten Essentials for Good API Documentation

API documentation is the number one reference for anyone implementing your API, and it can profoundly influence the developer experience.

Full article

Read More

A Step-by-Step Tutorial for Developing a Progressive Web App With ReactJS

Progressive Web Apps (PWAs) have rapidly grown in popularity as essentially fast, performance-based web applications streamlined for delivering mobile app-like experiences.

Full article

Read More

Deploying ES2015+ Code in Production Today — Philip Walton

Most web developers I talk to these days love writing JavaScript with all the newest language features—async/await, classes, arrow functions, etc. However, despite the fact that all modern browsers can run ES2015+ code and natively support the features I just mentioned, most developers still transpile their code to ES5 and bundle it with polyfills to accommodate the small percentage of users still on older browsers.

Full article

Read More

Implementing Serverless Node.js Functions Using Google Cloud

Creating software does not end with writing good code. It gets completed when the software is deployed and able to handle the requests properly and when we can scale without hindering the performance and the cost of running it.

Full article

Read More

Developing RESTful APIs with Loopback

TL;DR: In this tutorial, I'll show you how to leverage Loopback to build out your REST APIs quickly. Check out the repo to get the code. API (Application Programming Interface) endpoints are the connections between your application and the rest of the developer community.

Full article

Read More

Lazy Loading in Angular v2+

Application performance is an important part of web development. We always want our users to have the quickest and most performant experience when they visit our apps. Lazy loading is one of the features we can add to our app to improve performance. What exactly is lazy loading?

Full article

Read More

Quick Tip: How to Use Atom as a Git GUI

When you use Git as part of your workflow it can be very useful to have easy access to a GUI to help speed up your processes. There are a great many Git GUIs to choose from, but if you use Atom as your code editor you won’t have to go far to find some solid options.

Full article

Read More

Build a License Plate Recognition Service In 31 Lines of Code

A few days ago, when prowling around the internet, I came across a very interesting article, How I replicated an $86 million project in 57 lines of code. The use of open source technology was greatly emphasized in the license plate recognition.

Full article

Read More

Building a Small PWA with Preact and Firebase

Disclaimer: This is not a tutorial! I have a ton of respect for the hard work that goes into using a project to teach the fundamentals of a technology. This isn't that, it's me sharing a process of learning by building something of my own.

Full article

Read More

12 cool things you can do with GitHub

I’m going to start with one that I think most people know (even though I didn’t know until a week ago). When you’re in GitHub, looking at a file (any text file, any repository), there’s a little pencil up in the top right. If you click it, you can edit the file.

Full article

Read More

Protecting Angular v2+ Routes with CanActivate/CanActivateChild Guards

Protecting routes is something that has to happen in any app with authentication. There will be sections of your applications that you don't want certain users to get to. We'll be looking at a simple example of how to use Angular router guards to protect an area of our site.

Full article

Read More

Shipping React Native apps with Fastlane

Building native applications with React (JavaScript) is awesome ❤️. Until the time you have to release a new build, specially, if you are not an iOS or Android native developer.

Full article

Read More

Top 10 ES6 features by example

Though ES6 specification is not super-fresh, I think that many developers are still not so familiar with it. The main reason is probably poor support in web browsers just after specification release.

Full article

Read More

On-Demand Environments With Docker and AWS ECS

In this tutorial, we’ll look at how to spin up reproducible (and easily-destructible), on-demand test environments with Docker, Amazon EC2 Container Service (ECS), and Circle CI (for continuous integration and delivery). For a demo, check out the following video.

Full article

Read More

Pirate Bay põe browsers a render Monero com o Coinhive

Visitar o mais popular site pirata da internet pode fazer com que o computador dos visitantes seja utilizado para gerar a moeda digital Monero através do próprio browser.

Full article

Read More

12 Exciting WebVR Demos and Experiments

WebVR is an exciting JavaScript API that makes it possible to use virtual reality headsets in web apps. It allows developers to create immersive VR experiences that can be accessed directly in the browser and are compatible with most head-mounted displays.

Full article

Read More

Code a Real-Time App With NativeScript: Push Notifications

NativeScript is a framework for building cross-platform native mobile apps using XML, CSS, and JavaScript. In this series, we're trying out some of the cool things you can do with a NativeScript app: geolocation and Google Maps integration, SQLite database, Firebase integration, and push notifications.

Full article

Read More

Build an Image Recognition Slack Bot in Node.js With Watson [Video]

Ever wanted to add AI to your application but didn’t know where to start? In this screencast, I will use IBM’s Watson platform to make an image recognition Slack bot in Node.js. In just 30 minutes, we will register a trial account on Bluemix and connect Watson’s Visual Recognition service to a Slack bot we’ve built in Node.js using IBM’s watson-node-sdk.

Full article

Read More

React Quickly: How to Work with Forms in React

How to Work with Forms in React is an excerpt from React Quickly, a hands-on book by Azat Mardan for anyone who wants to learn React.js fast. This article covers how to capture text input and input via other form elements like input, textarea, and option.

Full article

Read More

hiproxy/hiproxy

hiproxy is a lightweight web proxy tool based on Node.js. The primary purpose of hiproxy is to solve the problem of host management and reverse proxy needs of developers. For example, if you are working as a team and each of the developers in the team need a different proxy setting, you will no longer need to modify your hosts file or use a web server like Nginx as a reverse proxy.

Full article

Read More

A React And Preact Progressive Web App Performance Case Study: Treebo

Treebo is India’s top rated budget hotel chain, operating in a segment of the travel industry worth $20 billion. They recently shipped a new Progressive Web App as their default mobile experience, initially using React and eventually switching to Preact in production.

Full article

Read More

Getting up and running with GraphQL

The adoption of GraphQL is increasing as companies like Facebook, GitHub and Pinterest use it to power their applications, and many developers are already moving to (or at least leaning towards) GraphQL because of the great features it introduces. Today, I will be getting you up to speed with GraphQL.

Full article

Read More

How Bitmovin Used React/Redux to Develop Its New Dashboard

For the past few months, the frontend team at Bitmovin has been working hard to bring you a new web dashboard. The new dashboard is based on the unified Bitmovin API that we released earlier this year.

Full article

Read More