In the fourth issue of Web Design Weekly, we feature news and tutorials about Bootstrap, CSS, WordPress, Node.js, npm, MongoDB, TypeScript, ESLint, Go, Prometheus, Swift, React, Next.js, Rails and Facebook.

Coming Soon: Make Your Site Private Until You’re Ready to Launch

When you create a new site, you may want to personalize it before making it public. On WordPress.com, we give you a safe space where you can work on building and editing your site until you’re ready to share it with the world.

Read more at https://wordpress.com/blog/2020/05/15/coming-soon/

Deep Dive Into the CSS Contain Property

Compared to the past, modern browsers have become really efficient at rendering the tangled web of HTML, CSS, and JavaScript code a typical webpage provides. It takes a mere milliseconds to render the code we give it into something people can use.

Read more at https://css-tricks.com/lets-take-a-deep-dive-into-the-css-contain-property/

Rebuilding our tech stack for the new Facebook.com

Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features and technologies incrementally slowed the site down and made it harder to maintain. This made it harder to introduce new experiences. Features like dark mode and saving your place in News Feed had no straightforward technical implementation. We needed to take a step back to rethink our architecture.

Read more at https://engineering.fb.com/web/facebook-redesign/

13 Security Tips for Front-End Apps

Whether you’re a React.js, Angular, Vue.js, or simply a front-end developer, your code can be an inviting door for hackers.

Read more at https://medium.com/better-programming/frontend-app-security-439797f57892

Bootstrap 4.5.0 Released

Bootstrap v4.5.0 has landed with dozens of bug fixes, some small new features, and some changes to our development. Originally planned as a v4.4.2 patch release, we’ve bumped this to a minor release on account of our new features that help bridge the gap between v4 and our upcoming v5.

Read more at https://blog.getbootstrap.com/2020/05/12/bootstrap-4-5-0/

render_async 2.1.6 Released

Some of the new changes and bug fixes were pretty tricky to solve. I wanted to write a blog post to have detailed hows and whys of how I fixed them.

Read more at https://pragmaticpineapple.com/render-async-2-1-6-released/

Rails 6 System Tests, From Top to Bottom

A Rails 6 system test is a test that exercises your application in a way that, as much as possible, simulates a real user interacting with it via a browser. More than any other kind of tests, system tests verify that the whole app does what it’s supposed to do.

Read more at https://avdi.codes/rails-6-system-tests-from-top-to-bottom/

Next.js 9.4 Released

We are excited today to introduce Next.js 9.4.

Read more at https://nextjs.org/blog/next-9-4

Kea 2.0

Production Ready State Management for React

Read more at https://kea.js.org/

How to CSS Style in React

In modern React, there are many ways to style a React application with CSS. Whenever I do a React workshop with aspiring React developers, I show only one of these ways due to the limited time I have for the complete React workshop. But often this one way of styling isn't enough to cover the full scope of this important topic.

Read more at https://www.robinwieruch.de/react-css-styling

React PIXI

Write PIXI applications using React declarative style

Read more at https://reactpixi.org/

Swift 5.3 Release Process

This post describes the goals, release process, and estimated schedule for Swift 5.3.

Read more at https://swift.org/blog/5-3-release-process/

CSS fix for 100vh in mobile WebKit

Not long ago there was some buzz around how WebKit handles 100vh in CSS, essentially ignoring the bottom edge of the browser viewport. Some have suggested avoid using 100vh, others have come up with different alternatives to work around the problem.

Read more at https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/

What's coming in Go 1.15

Go 1.15, the 16th major version of the Go programming language, is due out on August 1.

Read more at https://lwn.net/SubscriberLink/820217/47ed80088c03b18d/

Go 1.14.3 and Go 1.13.11 are released

We have just released Go versions 1.14.3 and 1.13.11, minor point releases.

Read more at https://groups.google.com/forum/#!msg/golang-announce/-9KWN-OUSl0/Jro9NDu8CgAJ

Prometheus-Basics

A beginner friendly introduction to prometheus.

Read more at https://github.com/yolossn/Prometheus-Basics#readme

How I write my unit tests in Go quickly

We all love unit tests because they help us to keep our software workable. And we all hate them because they don't appear magically - someone needs to write them. And when it comes to writing, it often takes a huge amount of time to cover the simplest cases.

Read more at https://dev.to/ilyakaznacheev/how-i-write-my-unit-tests-in-go-quickly-4bd5

Announcing TypeScript 3.9

Today we’re excited to announce the release of TypeScript 3.9!

Read more at https://devblogs.microsoft.com/typescript/announcing-typescript-3-9/

ESLint v7.0.0 released

We just pushed ESLint v7.0.0, which is a major release upgrade of ESLint. This release adds some new features and fixes several bugs found in the previous release. This release also has some breaking changes, so please read the following closely.

Read more at https://eslint.org/blog/2020/05/eslint-v7.0.0-released

What is Fuse.js?

Fuse.js is a powerful, lightweight fuzzy-search library, with zero dependencies.

Read more at https://fusejs.io/

Introducing MongoDB for VS Code

In the past few years, VS Code has grown in popularity and became the most used code editor for developers. Its extensibility makes it possible to customize the coding experience and tailor it to the languages, frameworks, and services developers use to build applications.

Read more at https://www.mongodb.com/blog/post/introducing-mongodb-for-vs-code

npm v7 Series - Introduction

Quite a lot has happened in npm since our last update way back in 2019. We’re overdue for a status update on npm v7.

Read more at https://blog.npmjs.org/post/617484925547986944/npm-v7-series-introduction

How To Install Node.js on Ubuntu 20.04

Node.js is a JavaScript runtime for server-side programming. It allows developers to create scalable backend functionality using JavaScript, a language many are already familiar with from browser-based web development.

Read more at https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-20-04