How to Test React Components with Jest and Enzyme- In Depth

Testing React components may be challenging for beginners and experienced developers who have already worked with tests. It may be interesting to compare your own approaches with the ones we use in our project.

Full article

Read More

3 ways to communicate between Angular components

This article is written for Angular 2+. At the time of writing the latest version was Angular 4. It’s written for beginners, if you are advanced or intermediate Angular developer you probably already know all these techniques.

Full article

Read More

Creating Layouts with CSS Grid

The following introduction to CSS Grid is an extract from Tiffany’s book, CSS Master, 2nd Edition. CSS Grid is a relatively recent layout specification, shipping in most browsers as of October 2017.

Full article

Read More

Handling broken images with the service worker

A few years ago, I wrote about how we can use css to style broken images. The technique leveraged on the fact that any styling to the ::before or ::after pseudo-elements on the element will only be applied if the image doesn’t load.

Full article

Read More

How to Worry About npm Package Weight

It's all too easy to go crazy with the imports and end up with megabytes upon megabytes of JavaScript. It can be a problem as that weight burdens each and every visitor from our site, very possibly delaying or stopping them from doing what they came to do on the site. Bad for them, worse for you.

Full article

Read More

React Hooks: Cliff Notes for the Junior Dev

React Hooks is an exciting feature currently in development which aims to reduce the amount of coding, planning, and computational overhead required for a React app to be developed and used.

Full article

Read More

Git aliases for lazy developers

I prefer to interface with git via the command line, at least for the simple commands. However, I’m a bit lazy, and don’t like having to repeatedly type out the same long commands multiple times a day.

Full article

Read More

Write React Faster w/ Simple React Snippets

I'm a big fan of speeding up every part of your development. If you shave off seconds here and there multiple times a day, you'll save a ton of time over the course of a year. This involves using the keyboard as often as possible and reaching for the mouse as little as possible.

Full article

Read More

Data Structures in JavaScript — Part 1

Data Structures and Algorithms! If you have studied computer science in your school/college days then you will probably know that these two are the fundamental concepts of almost every programming language. I myself did not learn to programme in the traditional method.

Full article

Read More

The top 12 React links of 2018

Each week over 25,000 React developers stay up-to-date with all best links, tutorials and tools from across the web in React Status — a free weekly digest bringing together the best of the past 7 days from across the React ecosystem.

Full article

Read More

Boost Angular’s Performance by Lazy Loading your Modules

In this article, we will talk about lazy loading in Angular. At the end of this article, we will gain a valuable insight into how to boost the performance of our Angular apps by loading our ngModules on demand.

Full article

Read More

The 9 big design trends of 2019

Everyone is overworked and unhappy. Digital platforms have sucked the last of our attention and sanity. If you read the headlines in 2018, you’d have every reason to feel pessimistic about the future. But the design experts we talked to–from companies such as Microsoft, Google, Ideo, and Forrester–offer a glimmer of hope.

Full article

Read More

GitHub pull request analysis using SonarQube

SonarQube provides Github plugin using which it can publish inline comments in git pull request for issues found in the modified/new codes of the pull request. So you do not have to manually review Github pull request and add comments, SonarQube will do it for you.

Full article

Read More

Functions calls in Angular expressions are killing your apps performance

Both Angular and AngularJS allow the use of function calls in template expressions. This seems like a reasonable approach to supply data to the template and maybe even encapsulate some of the logic behind formatting that data but it comes at a cost which I’ll explain with a simple example.

Full article

Read More

The 3 Skills That Helped Me Become a Better Software Engineer

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.

Full article

Read More

Use these Javascript features to make your code more readable

Without further ado, here are some everyday “tricks” to make your Javascript code much more readable. Take this (intentionally) deeply nested object. Reading the age of a mammal would lead us to a very verbose and repetitive code.

Full article

Read More

Unit Testing Guidelines: What to Test and What Not to Test

During the years of consulting, many people asked me to help them get started with writing unit tests. During the process, one question always pop up: " What should I test and what not to test?" Here, I will try to give you some tips and tricks for unit testing.

Full article

Read More

5 Ways To Improve Development With Visual Studio Code

Visual Studio Code is extremely flexible and powerful. By learning the ins and outs, you can greatly improve your speed, efficiency, and process as a developer. In this article, we'll look at the top 5 ways to do so!

Full article

Read More

How to Get Over Burnout When You Can’t Take Time Off

Burnout in the workplace isn’t uncommon, and it’s not pleasant, either. Data from the American Institute of Stress suggests that 80 percent of U.S. workers feel stressed out about their jobs, with 40…

Full article

Read More

A New Hope

We’re currently living in a prison of centralized control. This prison enables privileged access for a few at the expense of the rest. But technology has the potential to change that.

Full article

Read More

High-performance array transformations

The cover picture is fitting as we are going to talk about a healthy diet of array transformation methods, and how to best digest large arrays. There’s also a bit of pasta in there, which is perfect, because I’ll show you how to avoid optimizing using spaghetti code.

Full article

Read More

Container Components with Angular

With the Model-View-Presenter design pattern it is easy to use any application state management library or pattern whether its a redux-like state container like the NgRx Store or simply plain old services as in the “Tour of Heroes” Angular tutorial.

Full article

Read More

Agile Best Practices Every Agile Team Should Have in Place

Information technology industry has been completely revolutionized by the use of Agile methodologies. But, what exactly is Agile? You may ask.

Full article

Read More

An Introduction and Guide to the CSS Object Model (CSSOM)

If you've been writing JavaScript for some time now, it's almost certain you've written some scripts dealing with the Document Object Model (DOM).

Full article

Read More

How to Setup, Build and Deploy Native Apps with Vue

Vue-Native is a framework written by GeekyAnts, it is a framework built to deliver cross platform mobile native applications. It is inspired by the React-native API, hence it gives a developer the ability to build cross platform applications in Vue.js using React Native’s robust system.

Full article

Read More

CI/CD With Containers

Build jobs are the way you define automated tasks that your CI/CD platforms execute. For this Refcard, we’ll use Oracle Developer Cloud Service as an example, which provides a CI/CD engine that orchestrates and executes these build jobs.

Full article

Read More

A Recap of Frontend Development in 2018

The world of frontend development moves fast. Very fast. This article will recap the most important frontend news, notable events, and trends in JavaScript for 2018. WebAssembly is often regarded as the future of the web.

Full article

Read More

How to build blazing fast REST APIs with Node.js, MongoDB, Fastify and Swagger

Presumably no web developer is a stranger to REST APIs and the challenges that architecting an effective and efficient API solution brings. In this tutorial we are going to address all of the above using a combination of Node.js, MongoDB, Fastify and Swagger.

Full article

Read More

How Docker Changed Software Engineering

10 years back it was Git that transformed the way software engineers worked. Half a decade back it was Docker that brought the container to the masses. Before Docker, the container was like a sacred secret in companies like Google and Heroku. Docker is a software and a company too.

Full article

Read More

This year in JavaScript: 2018 in review and npm’s predictions for 2019

This study is adapted from my presentation npm and the Future of JavaScript. No data is perfect; if you have questions about ours you can read about the methodology used to gather this data. npm has over 10 million users who download well over 30 billion packages every month.

Full article

Read More

The State of Web Browsers

Microsoft has confirmed the rumor to be true. We now have one less browser engine, and a last man standing (Firefox) in deep trouble (reasons below). If you agree that this sucks, install Firefox. Also on mobile. Here’s instructions on how to switch from Chrome.

Full article

Read More

How to install Lakka on Raspberry Pi

Lakka is an open-source gaming console operating system that is based on the Linux kernel. It uses open source libraries and tools to deliver users an easy to use, quick to set up emulation gaming platform.

Full article

Read More

Angular Router Series: Pillar 3 — Lazy Loading, AOT, and Preloading

Lazy loading is a useful technique for faster initial page loads. With lazy loading, your application loads faster by shipping only the essential startup code to the browser. Other code is placed inside of feature modules, which are loaded on demand.

Full article

Read More

How to Use Storybook in a React Project

Creating and maintaining a robust library of components can quickly become a tiring task. On my current project, using Storybook became a great way to make sure our components were reusable and to detect bugs faster. I will describe in this article how we integrated Storybook in our workflow.

Full article

Read More

Code Quality with SonarQube

Source code quality analysis is an essential part of the Continuous Integration process. Together with automated tests it is the key element to deliver reliable software without many bugs, security vulnerabilities or performance leaks.

Full article

Read More

5 Important Takeaways From the State of JavaScript Survey 2018

The yearly State Of JavaScript survey results came out recently, and if you care about Web Development, you care about the results. In this article, we'll explore the top 5 takeaways and recap the results.

Full article

Read More

Keeping browser tabs in sync using localStorage, NgRx, and RxJS

In this post, we’re going to take a look at how we can keep application state in sync when a user has multiple tabs open. We’re going to make this happen by using the Web Storage API, NgRx (Store and Effects), and RxJS. A basic knowledge of NgRx is needed to follow the examples.

Full article

Read More

Modern JavaScript Explained For Dinosaurs

Learning modern JavaScript is tough if you haven’t been there since the beginning. The ecosystem is growing and changing so rapidly that it’s hard to understand the problems that different tools are trying to solve.

Full article

Read More

IntelliCode for TypeScript/JavaScript

IntelliCode augments your IntelliSense by recommending commonly used completion items for your current context at the top of your list. These contextual recommendations are generated by common practices learned from having IntelliCode train across thousands of real-world projects.

Full article

Read More

Finding Photos on Twitter Using Face Recognition With TensorFlow.js

As a developer advocate, I spend a lot of time at developer conferences (talking about serverless ?). Upon returning from each trip, I need to compile a “trip report” on the event for my bosses.

Full article

Read More

Use React.lazy and Suspense to Code-Split Your App

The marquee feature of React 16.6.0 was the introduction of React.lazy, a built in way to do code-splitting with React. In all honesty I was hoping to have had this article written about two weeks ago, but in an entirely ironic and unintentional sequence of events that didn't happen because I got lazy.

Full article

Read More

An Introduction to Functional Programming Style in JavaScript

In recent years there has been a tectonic shift happening between traditional programming and Functional Programming style in JavaScript. It’s not about one being better than the other but simply a personal preference.

Full article

Read More

The Coming Software Apocalypse

There were six hours during the night of April 10, 2014, when the entire population of Washington State had no 911 service. People who called for help got a busy signal. One Seattle woman dialed 911…

Full article

Read More

10 React JS Articles Every Web Developer Should Read

Hello Guys, React or React JS is a JavaScript front-end library from Facebook which lets you create HTML based GUI. It makes the task easier by providing a component-based architecture which was only available to languages like Java and C# before.

Full article

Read More

Manage HTTP Downtime with Angular, RxJS, and HTTP Interceptors

In a perfect world, everybody would have a fast net connection all the time. But at present, your users can find themselves repeatedly banging their heads on their keyboards as they wait for their internet to come back.

Full article

Read More

The Top JavaScript Trends to Watch in 2018

If you've been living under a rock or buried in projects throughout 2017, this is the article for you. You can also use this as a guide to plan out your growth as a developer in 2018 to help you get on more innovative projects.

Full article

Read More

Modern Frontend Developer in 2018

Before we begin with this post, just to give you an idea about me and about this roadmap; I have been doing the Fullstack Development for the past 5 years and currently working as a lead engineer at tajawal where I have to wear many different hats.

Full article

Read More

Tools for Developers

I discovered some tools which you may find interesting. Here is the list. Postal is a open source and fully featured mail server for use by websites & web servers.

Full article

Read More

Testing Your Frontend with Cypress.io Framework

In a rush? Skip to Cypress tutorial. Modern JavaScript frameworks present an easier and more organized way to create web applications. However, they also add complexity that sometimes breaks things in a subtle yet impactful way.

Full article

Read More