tech/webdev magazine

January 31, 2020

Boost Your Page Speed: Reduce File Size

Friday, January 31, 2020 Teklinks No comments

Anyone who has been in the web design business knows that it is a constant uphill battle. Just learning the markup, stylesheets, and back end isn’t enough to make your website compete in today’s market of services and applications.

Full article

Recreate Google.com with Tailwind CSS

Friday, January 31, 2020 Teklinks No comments

Tailwind CSS is an awesome tool that changes the way we write our HTML and CSS. Tailwind is a "utility-first CSS framework" that I initially wasn't sure about. Our HTML gets pretty busy when using Tailwind, but I've found it's not that bad of a tradeoff.

Full article

January 29, 2020

Coding Challenge Array Exercises

Wednesday, January 29, 2020 Teklinks No comments

Coding exercises are hard, no matter what level of experience you have and which point of your career you are at, it is a very different skills to succeed coding exercises versus building real life application.

Full article

January 28, 2020

Role of Architect in Agile Development

Tuesday, January 28, 2020 Teklinks No comments

Are you an architect?Introduction Agile is a methodology used by many enterprises as a software development methodology to deliver value to end-users incrementally and faster. The approach is iterative, and the working software built and delivered in smaller chunks at the end of each iteration.

Full article

A class-based enum pattern for JavaScript

Tuesday, January 28, 2020 Teklinks No comments

In this blog post, we examine a pattern for implementing enums in JavaScript that is based on classes. We’ll also take a look at Enumify, a library that helps with the enum pattern. An enum is a type that consists of a set of values.

Full article

January 26, 2020

Introducing Yarn 2 ! 🧶🌟

Sunday, January 26, 2020 Teklinks No comments

Hi everyone! After exactly 365 days of very intensive development, I'm extremely happy to unveil the first stable release of Yarn 2. In this post I will explain what this release will mean for our community. Buckle up!

Full article

January 24, 2020

Microfrontends

Friday, January 24, 2020 Teklinks No comments

In StepStone Services we’re working on maintenance and development of big, complex job board platform, among other things. This project was initially conforming to monolithic architecture and stayed this way for many years.

Full article

January 23, 2020

LocalStorage vs sessionStorage

Thursday, January 23, 2020 Teklinks No comments

What’s interesting about them is that the data survives a page refresh (for sessionStorage) and even a full browser restart (for localStorage). We already have cookies. Why there is need for additional objects?

Full article

3 Problems to Stop Looking For in Code Reviews

Thursday, January 23, 2020 Teklinks No comments

Reviewing code is one of the most valuable tasks we do each day as a software developer. In that one activity, we spot problems and preempt issues before they can grow. We learn new approaches and gain familiarity with features we might have to update or borrow from in the future.

Full article

January 21, 2020

Are Early Returns Any Good?

Tuesday, January 21, 2020 Teklinks No comments

To use early returns or to not use early returns. There is something to be said for both. Programmers tend to have a strong personal preference when it comes to using early returns. Some never use them, others have great faith in it.

Full article

Setting up GitHub Actions for a React/Node Project

Tuesday, January 21, 2020 Teklinks No comments

jobs: test: name: Test # ... deploy: name: Deploy needs: test if: github.event_name == 'push' && (github.ref == 'refs/heads/master' || github.ref == 'refs/heads/dev') # ... The deploy job has a needs: test statement that will only run the Deploy job if the Test job was successful.

Full article

January 19, 2020

Top New Features of Angular 9

Sunday, January 19, 2020 Teklinks No comments

This Angular 9 preview post takes you through all the features coming in the latest version of Angular, which will be coming out of beta soon. Angular, Google’s JavaScript (TypeScript) framework for building web applications, mobile or desktop has over 55,000 stars on GitHub.

Full article

React Router Architecture That’s Simple, Scalable, and Protected

Sunday, January 19, 2020 Teklinks No comments

Routing in React, usually using the popular React Router library, can get messy pretty quickly. How do I manage all these routes? What’s the best way to implement. How should I handle nested routes? While there are obviously tons of great answers to these questions, I’ve tried several unsatisfactory methods before the one I’ll walk through in this tutorial, which I found to be a nice implementation for an open-source React/Redux boilerplate I’m working on.

Full article

Top 10 Github Apps on Marketplace to Use as Junior JavaScript Developers in 2020

Sunday, January 19, 2020 Teklinks No comments

Open source projects work diligently to fix all the vulnerabilities. Why shouldn’t your project be powered by the knowledge of when and where these apps eradicate them? All those below can shield your project and monitor your project for publicly disclosed security vulnerabilities, and it is free as well.

Full article

January 17, 2020

Role-Based Routing with Next.js

Friday, January 17, 2020 Teklinks No comments

Applications often have to cater to users with different roles, such as employees, customers, managers, etc. These different users have different permissions, and usually, they need to be restricted from certain functionalities.

Full article

How to Stay Healthy When You Sit at a Desk All Day

Friday, January 17, 2020 Teklinks No comments

Join 250,000 subscribers and get a daily digest of news, articles, and more. Sitting at a desk all day can be detrimental to your health. But don’t worry; there’s no need to quit your day job to achieve a healthier lifestyle. Here are some easy solutions for making things better.

Full article

January 16, 2020

CSS in 2020 - A Practical Guide

Thursday, January 16, 2020 Teklinks No comments

CSS has evolved rapidly over the last 10 years. In an effort to stay abreast on some of the new fancy things css can do, I've created this practical guide for CSS in 2020. Watch the video or jump down after the video for a list of most of the features (& links) covered in the video.

Full article

January 15, 2020

An Introduction To React’s Context API

Wednesday, January 15, 2020 Teklinks No comments

13 min read API, React, Apps Share on Twitter or LinkedIn In this article, you will learn how to use React’s Context API which allows you to manage global application states in your React apps without resorting to props drilling. For this tutorial, you should have a fair understanding of hooks.

Full article

Svelte + Tailwind + Parcel = Awesome!

Wednesday, January 15, 2020 Teklinks No comments

I must admit that Rollup.js, that default Svelte projects use, never grew on me for some reason so I decided to give Parcel a try. Let's see how to setup a new Svelte project using it. While on it we will also include some other useful tools and plugins on the way.

Full article

January 14, 2020

10 Awesome Github Repos Every Web Developer Should Know

Tuesday, January 14, 2020 Teklinks No comments

Awesome is, without a doubt, the most popular repo that curates all topics from software development to hardware to business. It has more than 123,000 stars on Github at this moment, and one could spend days (nights) browsing it. It is my one-stop-shop if I want to learn something new.

Full article

January 13, 2020

January 12, 2020

React Memoization

Sunday, January 12, 2020 Teklinks No comments

Memoization is a new concept in ReactJS through which we can store a heavy functional component in memory. Then reuse that component again calling it from cache. The default behavior of a component declared using React.memo is that it renders only if the props have changed.

Full article

What to Pay JavaScript Developers in 2020

Sunday, January 12, 2020 Teklinks No comments

As hiring managers, we have a lot of tough choices to make. One choice most hiring managers get wrong is compensation for developers. This article will help you get in the right ballpark based on your needs. Baseline salary data comes from Indeed.

Full article

January 9, 2020

10 Tricks to Optimize Your Angular App

Thursday, January 09, 2020 Teklinks No comments

Here, I collected a list of practices that will help us boost the performance of our Angular applications. Cheatsheet for developing ⚡lightning⚡ fast progressive Angular applications. - mgechev/angular-performance-checklist

Full article

NestJS + gRPC: a multi microservices example

Thursday, January 09, 2020 Teklinks No comments

For a long period of time, REST API has dominated the web programming world until gRPC came and disrupt the industry. There are numerous posts online discussing the advantages of gRPC and comparing it with REST, so I am not going to make redundant comments on this point.

Full article

January 8, 2020

Gradually Migrating To Typescript

Wednesday, January 08, 2020 Teklinks No comments

If you have a large project, it may not be feasible to move to TypeScript all in one go. Gradually migrating provides more flexibility and allows you to, for example, use TypeScript just for new code or “upgrade” modules when there are changes to existing code.

Full article

JavaScript ES6+: var, let, or const?

Wednesday, January 08, 2020 Teklinks No comments

Perhaps the most important thing you can learn to be a better coder is to keep things simple. In the context of identifiers, that means that a single identifier should only be used to represent a single concept.

Full article

January 7, 2020

Working for a Company vs. Working for Yourself

Tuesday, January 07, 2020 Teklinks No comments

Working for a Company vs. Working for YourselfThinking about working for yourself? Do it! But read this firstSarah CooperSarah Cooper used to work for a company, now she works for herself. Her new book, How to Be Successful Without Hurting Men’s Feelings, is out October 30th.

Full article

70 JavaScript Interview Questions

Tuesday, January 07, 2020 Teklinks No comments

Hi Guys Good Day and a Happy New Year ???! This is a long one, so bear with me for a second or an hour. In every answer for every question there's an arrow up ↑ link that let's you go back to the List of Questions, so that you don't waste time scrolling up and down. The Questions 1.

Full article

January 6, 2020

The 2-Word Trick That Makes Small Talk Interesting

Monday, January 06, 2020 Teklinks No comments

was at a house party, on my own, sticking close to the table that held the drinks and the charcuterie display. Because I hardly knew anyone, I was tempted to hunker down on the couch with a cold glass and a full plate and go through emails on my phone. It felt safe, but also a little boring.

Full article

11 Must-Know FrontEnd Trends for 2020

Monday, January 06, 2020 Teklinks No comments

Sounding smart at your team's lunch talks is obviously a great reason to stay updated with the latest frontend trends. It might even help you become a better developer, build better technology and better products. Maybe.

Full article