2018.10.01 - Solid – Reshape the web as we know it

Title: 2018.10.01 - Solid – Reshape the web as we know it

Deep Reading

Solid – Reshape the web as we know it https://solid.inrupt.com/
Solid was created by the inventor of the World Wide Web, Sir Tim Berners‑Lee. Its mission is to reshape the web as we know it. Solid will foster a new breed of applications with capabilities above and beyond anything that exists today. Solid empowers users and organizations to separate their data from the applications that use it. It allows people to look at the same data with different apps at the same time. It opens brand‑new avenues for creativity, problem‑solving, and commerce. Learn how it came to be. Also attached: Tim Berners‑Lee tells us his radical new plan to upend the World Wide Web

Rethinking JavaScript Test Coverage https://blog.npmjs.org/post/178487845610/rethinking-javascript-test-coverage
You can now expose coverage output through Node.js by setting the environment variable NODE_V8_COVERAGE to the directory you would like coverage data output in. The tool c8 can be used to generate pretty reports based on this coverage information.

Why & How Words With Friends Is Adopting React Native https://medium.com/zynga-engineering/why-how-words-with-friends-is-adopting-react-native-b24a405f421c
In 2017 we were all hands on deck trying to launch Words With Friends 2, the most ambitious update to the franchise in its history. The game was well received and gave our business a huge boost, creating an opportunity to rethink how we wanted to allocate the team in 2018. We decided to spend some time in 2018 seeing if we could make a step‑function improvement to our technology that would let us deliver more to our players, faster, and without sacrificing quality.

Mastering Modular JavaScript https://github.com/mjavascript/mastering-modular-javascript
Modular JavaScript is a book series aimed at improving our collective understanding of writing robust, well‑tested, modular JavaScript code. Mastering Modular JavaScript is the second book in the series and covers modular JavaScript application development. It includes hundreds of real‑world patterns and practices, as well as detailed explanations of what works and what doesn’t when leveraging ES6 in the wild. Also attached: What is Modular CSS?

How to visualize decision trees http://explained.ai/decision-tree-viz/index.html
We’ve created a general package for scikit‑learn decision‑tree visualization and model interpretation, which we’ll be using heavily in an upcoming machine‑learning book (written with Jeremy Howard). This article demonstrates the results of that work, details the specific choices we made for visualization, and outlines the tools and techniques used in the implementation. The visualization software is part of a nascent Python machine‑learning library called dtreeviz.

Intro to Generative Art https://dev.to/aspittel/intro-to-generative-art-2hi7
Generative art can be an intimidating topic—it seems to involve a lot of math, and art is tricky enough on its own! But it doesn’t have to be difficult; you can build some really cool things without a math or art degree. This post breaks down what generative art actually is and how you can get started building your own.

How to Prevent XSS Attacks? https://tech.meituan.com/fe_security.html
With the rapid growth of the Internet, information security has become one of the top concerns for companies, and the front‑end is a high‑risk area for security breaches. In the mobile‑Internet era, front‑end developers face not only classic issues like XSS and CSRF but also newer threats such as network hijacking and illegal calls to Hybrid APIs. Browsers themselves continue to evolve, introducing technologies like CSP and Same‑Site Cookies to enhance security, yet many potential threats remain. Front‑end engineers must constantly “fill the gaps” by staying vigilant.

Ancient Wisdom of Software Development https://mp.weixin.qq.com/s?__biz=MzA3MDMwOTcwMg==&mid=2650005790&idx=1&sn=ca7fda1a8d135f9ae72bc21bad486cc5
According to Uncle Bob, architecture is “the design activity that satisfies the need to build and maintain a system with the smallest possible human effort.” Whether we talk about classic object‑oriented systems or today’s distributed architectures, the principle is the same. Listening to age‑old teachings and respecting ancient wisdom can still benefit modern architects. Not convinced? Let’s look at three classic programming paradigms and see how these “old‑school” concepts relate to contemporary architectural design.

Choosing between Redux and React’s Context API https://blog.usejournal.com/choosing-between-redux-and-reacts-context-api-272ca20224b2
Now that I’ve tried Context, I see that in our case things were already too complex to let Context manage the query params and handle serialization. I can, however, think of a few use cases. If you have a small app or reusable components that you open‑source, Context would be very useful.

Accurately measuring layout on the web https://nolanlawson.com/2018/09/25/accurately-measuring-layout-on-the-web/
The browser rendering pipeline is complicated. For that reason, measuring a webpage’s performance is tricky, especially when components are rendered client‑side and everything becomes an intricate ballet between JavaScript, the DOM, styling, layout, and rendering. Many people stick to what they understand, which can lead to under‑measuring or completely mis‑measuring a site’s frontend performance. In this post I want to demystify some of these concepts and offer techniques for accurately measuring what’s happening when we render things on the web.

A Minimal JavaScript Setup https://css-tricks.com/a-minimal-javascript-setup/
In a server‑rendered world, where content is delivered to the browser from a server, this “framework mission” is filled with skills, ideas, and solutions that people share with coworkers, friends, and others. Teams tend to adopt consistent development rules and enforce them within their organizations rather than relying on a predefined framework. For a long time jQuery allowed people to share and reuse code globally via its plugins—but that era is fading as new frameworks emerge. Let’s look at some core points that any framework—custom or not—should consider essential for encouraging a maintainable and reusable codebase.

The State of NoSQL with MongoDB and Node.js 2018 https://blog.bitsrc.io/the-state-of-nosql-with-mongodb-and-node-js-2018-690588c03650
The NoSQL vs. SQL database debate is highly opinionated, and a lot has changed over time. In this post we’ll briefly review the current state of various database strategies and then dive into MongoDB and its integration with Node.js. By the end you should be comfortable with NoSQL terminology and ready to start your journey with MongoDB and Node.js. Also attached: How Planable Uses MongoDB Atlas to Help Social Media Teams Move Their Creative Processes Forward, SQL is neither dead nor a dinosaur. You should use it for your web app.

ES2018 – Unicode with Regex http://www.discoversdk.com/blog/es2018-unicode-with-regex
Okay, this is something pretty cool we can do with regular expressions…

---

Originally written by Ping Xia (平侠) and published in Chinese on Web技术周刊 (Web Tech Weekly). Translated and adapted for DriftSeas with permission.