tech/webdev magazine

February 27, 2021

February 25, 2021

Free Tailwind CSS resources

Thursday, February 25, 2021 Teklinks No comments

TailwindCSS is a utility-first CSS framework for rapid UI development. In this article, I collected free resources for you. It includes over 130 sections, built with Tailwind CSS, for your awesome projects.

Full article

February 24, 2021

Before You memo()

Wednesday, February 24, 2021 Teklinks No comments

There are many articles written about React performance optimizations. In general, if some state update is slow, you need to: This last step is annoying, especially for components in between, and ideally a compiler would do it for you. In the future, it might.

Full article

Homebrew for Apple Silicon M1 Macs is now available

Wednesday, February 24, 2021 Teklinks No comments

Homebrew, one of the most popular package managers for macOS, has been updated with support for Apple Silicon M1 Macs. Work had been going on for some time to convert most bottles for packages to Apple Silicon, and while it is not yet complete, a large number of them have been migrated.

Full article

February 22, 2021

60fps in a Web App

Monday, February 22, 2021 Teklinks No comments

Projector is a design platform built to make creative use of modern media faster, easier, and more expressive. It’s a space where anyone, regardless of design background, can craft compelling visuals for work.

Full article

Basic Recipes for React Testing Library

Monday, February 22, 2021 Teklinks No comments

Last year I attended a conference called Clojure South where we had a lot of cool tech talks about functional programming and the programming language Clojure. One of the talks I really liked was about Clojure Spec & Generative Tests by David Chelimsky.

Full article

February 20, 2021

Double Your React Coding Speed With This Simple Trick

Saturday, February 20, 2021 Teklinks No comments

If you work with React or React Native, feel that your coding speed is slow, spend your time catching bugs, and not adding new features, work with long source files and have a hard time finding stuff, and implement the same logic over and over again, you will double your coding speed if you refactor your code into reusable building blocks.

Full article

Top 5 React Component UI Libraries

Saturday, February 20, 2021 Teklinks No comments

React has become one of the most popular frontend frameworks for developers and the community has grown at a rapid rate over the last few years. React packages are being developed and shared to make building applications simpler, which has helped accelerate development.

Full article

With Best Practices from the Start

Saturday, February 20, 2021 Teklinks No comments

One of the highest priorities for Angular is to enable best practices from the start. We want you to feel comfortable building a large enterprise user interface the same way as creating a to-do app.

Full article

February 19, 2021

Scrum

Friday, February 19, 2021 Teklinks No comments

Hint: read highlighted text only to grasp the basics fast and skip the details. Agile is a principle underlying the group of modern flexible project management methodologies such as Scrum and Kanban. Agile was built to avoid the mistakes (changing requirements, wrong estimation, etc.

Full article

February 18, 2021

Optimizing Video For Size And Quality

Thursday, February 18, 2021 Teklinks No comments

Adding video to your application can increase customer engagement and satisfaction. But the exact opposite can occur when there are issues with the video playback: video stalls are frustrating and drive customers away. In this article, we’ll walk through the steps to optimize the video on your website to ensure fast playback and reduce stalls.

Full article

🏄‍♂️ Introducing Github.surf

Thursday, February 18, 2021 Teklinks No comments

What do you do when you want to explore code on github? Or When you want to see the master / main branch code, other branch code on your local? We goto github, select branch, and view in the default code view provided by github.

Full article

Progressive Web Apps in 2021

Thursday, February 18, 2021 Teklinks No comments

The Progressive Web App term is now five years old, and it's time to sit down and understand where we are at 2021 within the platform, what has changed during 2020 and what we are expecting for the upcoming months. 2020 was a particular year for everyone, and Progressive Web Apps are no exception.

Full article

February 16, 2021

Implementing Caching in Node.js using Redis

Tuesday, February 16, 2021 Teklinks No comments

Caching refers to the process of storing data in a temporary location so that the data can be accessed with minimal resources. Caching aims to reduce the cost of bandwidth of data sent over the network and the application’s response time.

Full article

February 13, 2021

Atomic Habits

Saturday, February 13, 2021 Teklinks No comments

"Look at a stone cutter hammering away at his rock, perhaps a hundred times without as much as a crack showing in it. Yet at the hundred-and-first blow it will split in two, and I know it was not the last blow that did it, but all that had gone before.

Full article

February 11, 2021

Top 8 React meetup videos in 2020

Thursday, February 11, 2021 Teklinks No comments

Tell Firebase to Go Fly a Kite: Leveraging Serverless Functions to Add Persistence to your React App (or any app) on Netlify or Verce by Brett Haymaker. Getting your React app on the web quickly without having to setup testing, transpilers, or development servers by Giraldo Rosales.

Full article

A Mental Model to think in TypeScript

Thursday, February 11, 2021 Teklinks No comments

One day I came across a tweet from Lari Mazza that says "Can I make a suggestion? Types are hard to understand when you’ve only worked with JS in your life and suddenly have to learn TypeScript" As a software engineer that learned Python, Ruby, JavaScript, and Clojure first, when I tried C++, it

Full article

February 8, 2021

February 7, 2021

Dynamic Static Typing In TypeScript

Sunday, February 07, 2021 Teklinks No comments

In this article, we look at some of the more advanced features of TypeScript, like union types, conditional types, template literal types, and generics. We want to formalize the most dynamic JavaScript behavior in a way that we can catch most bugs before they happen. We apply several learnings from all chapters of TypeScript in 50 Lessons, a book we’ve published here on Smashing Magazine late 2020. If you are interested in learning more, be sure to check it out!

Full article

20 Essential Parts Of Any Large Scale React App

Sunday, February 07, 2021 Teklinks No comments

Over the years I have had the privilege to work on some large-scale react projects. Today I am gathering some essential things to keep in mind when building a new project or enhancing the functionality of any large scale application. We will start from the absolute basics and then go deeper.

Full article

February 6, 2021

How Do Compilers Work

Saturday, February 06, 2021 Teklinks No comments

With the recent introduction of Apple M1 chip, we have seen the start of the adoption of the ARM processor architecture for Apple Macbook line. ARM being a different family of instruction set architecture than x86 (most common as of today), this means that any application built for x86 (for Mac with Intel or AMD chips) needs to be recompiled to run on ARM (M1 chip). The process of compilation is a multistep process starting taking code written in programming languages and transforming it into machine code understood by the processor.

Full article

The Top 100+ Developer Tools 2020

Saturday, February 06, 2021 Teklinks No comments

Welcome to The 7th Annual StackShare Awards! 🎉. This year we analyzed over eight million data points shared by you- the StackShare community- to bring you these rankings 🔥 If this is your first time seeing the StackShare Awards, get comfy, you're gonna be here a while 😏 ICYMI: Private StackShare for Teams - is now available for FREE in the GitHub Marketplace 😱

Full article

The Soft Skills Are the Hard Skills of Today

Saturday, February 06, 2021 Teklinks No comments

While soft skills played a vital role in the success of an organization and its employees, they often went unrecognized for the significant impact they played. There was a time where soft skills were considered common-sense practices that held no value within the confines of an organization.

Full article

February 4, 2021

Best Practices for Setting SLOs and SLIs For Modern, Complex Systems

Thursday, February 04, 2021 Teklinks No comments

This post is adopted from a talk given at FutureStack18: San Francisco and elsewhere titled, “SLOs and SLIs In The Real World: A Deep Dive.” At New Relic, defining and setting Service Level Indicators (SLIs) and Service Level Objectives (SLOs) is an increasingly important aspect of our site reliability engineering (SRE) practice.

Full article

undefined vs. null revisited

Thursday, February 04, 2021 Teklinks No comments

Many programming languages have one “non-value” called null. It indicates that a variable does not currently point to an object – for example, when it hasn’t been initialized yet. In contrast, JavaScript has two such non-values: undefined and null.

Full article

Webpack 5.0 for a working website

Thursday, February 04, 2021 Teklinks No comments

Let’s say you have a vanilla js site that you’re working on and you hear that Webpack 5 was just released. You want so badly to ditch your current project and start from scratch in webpack but decide that it’s finally time to treat webpack like a tool rather than a framework.

Full article

February 3, 2021

7 code smells in your React components

Wednesday, February 03, 2021 Teklinks No comments

Passing too many props into a single component may be a sign that the component should be split up. How many are too many you ask? Well.. "it depends". You might find yourself in a situation where a component have 20 props or more, and still be satisfied that it only does one thing.

Full article

The styled-components happy path

Wednesday, February 03, 2021 Teklinks No comments

For a few years now, my #1 favourite tool for managing CSS in React apps has been 💅 styled-components. It's a wonderful tool. In many ways, it's changed how I think about CSS architecture, and has helped me keep my codebase clean and modular, just like React!

Full article

React Learning Roadmap For 2021

Wednesday, February 03, 2021 Teklinks No comments

Template Literal are enclosed by the backtick (` `) character instead of double or single quotes. They can contain placeholder and these are indicated by the dollar sign and curly braces (${}) and the expression in the placeholder and the text between the backticks get passed to the function.

Full article