Curated by Wenyi Chu

READ MORE
saturday
29 May 2021
jtpio / jupyterlite github.com

JupyterLite is a JupyterLab distribution that runs entirely in the browser built from the ground-up using JupyterLab components and extensions.

Browser-based Interactive Computing

  • Python kernel backed by Pyodide running in a Web Worker
  • JavaScript kernel running in an IFrame
  • Combine Offline Notebook storage in browser localStorage or IndexDB with example files
  • Support for saving settings for JupyterLab/Lite core and federated extensions
  • Basic session and kernel management to have multiple kernels running at the same time
  • Support for Code Consoles
SHOW MORE
jtpio / jupyterlite
Development
How we use Web Components at GitHub github.blog

At GitHub, we pride ourselves on delivering a first-class developer experience. A considerable part of our work is on our front end, which we strive to keep as lightweight, fast, and accessible as possible.

For a product as large as GitHub, this can be quite the task. Like many front-end codebases, we leverage components, independent, isolated, and reusable pieces of code that allow application teams to deliver high fidelity UI quickly and efficiently while still keeping to our high standards of quality.

We’re using Web Components in a big way at GitHub. We have over a dozen open-source Web Components and with dozens more that are closed source.

Overall, we’re thrilled with the changes that we’ve made to the GitHub front-end since our last post. According to the internal developer surveys that we’ve conducted, our developers are pleased with Catalyst and ViewComponent!

Developers enjoy the encapsulation of ViewComponent, making it easier to test UI and increasing developer confidence. Developers feel Catalyst is a welcome change from “old-style” JavaScript without the massive leap to a different framework or paradigm.

SHOW MORE
How we use Web Components at GitHub
Development
Ecommerce Development Trends: The 2021 Edition awwwards.com

If you don’t know where to start, or are just curious about what the future holds for ecommerce; we’ve got you covered! Here are a few trends you need to keep your eyes peeled for in 2020:

  • Headless Commerce becomes the New Normal
  • Voice Search
  • Marketing Automation
  • Artificial Intelligence (AI)
  • Augmented Reality (AR)
  • Subscription-Based Models
  • Enhanced Shipping Options
  • Social Payments
  • Chat-bots for the Win!

The Ecommerce industry is ever-evolving and it is essential for retailers of this industry to take extra care to keep up with the latest trends, as it can either make or break their brand for good. Better to adapt to these trends now and in the upcoming year to ensure you’re always ahead of the game!

SHOW MORE
Ecommerce Development Trends: The 2021 Edition
Development
friday
28 May 2021
Why (and how) GitHub is adopting OpenTelemetry github.blog

We needed a solution that would allow us to standardize telemetry usage at GitHub, while making it easy for developers around the organization to instrument their code. The OpenTelemetry project provided us with exactly that!

OpenTelemetry introduces a common, vendor-neutral format for telemetry signals: OTLP. It also enables telemetry signals to be easily correlated with each other.

SHOW MORE
Why (and how) GitHub is adopting OpenTelemetry
Development
Second-guessing the modern web macwright.com

The emerging norm for web development is to build a React single-page application, with server rendering. The two key elements of this architecture are something like:

  • The main UI is built & updated in JavaScript using React or something similar.
  • The backend is an API that that application makes requests against.

This idea has really swept the internet. It started with a few major popular websites and has crept into corners like marketing sites and blogs.

I’m increasingly skeptical of it.

SHOW MORE
Development
Falling Into The Pit of Success blog.codinghorror.com

I think this concept extends even farther, to applications of all kinds: big, small, web, GUIs, console applications, you name it. I've often said that a well-designed system makes it easy to do the right things and annoying (but not impossible) to do the wrong things.

If we design our applications properly, our users should be inexorably drawn into the pit of success. Some may take longer than others, but they should all get there eventually.

If users aren't finding success on their own – or if they're not finding it within a reasonable amount of time – it's not their fault. It's our fault. We didn't make it easy enough for them to fall into the pit of success. Consider your project a Big Dig: your job is to constantly rearchitect your language, your API, or your application to make that pit of success ever deeper and wider.

SHOW MORE
Falling Into The Pit of Success
Development
NocoDB - Open Source Airtable Alternative nocodb.com

NocoDB is an open source #NoCode platform that turns any database into a smart spreadsheet.

Connect to new/existing SQL database and turn them into spreadsheet.

  • It is free & self-hostable. Let your imagination be thy limit
  • Create grid view, gallery view, kanban view and calendar view on top your data
  • Search, sort, filter columns and rows with ultra ease

You can also invite your team to collaborate just like spreadsheet. Automate business workflows with you favourite apps : Microsoft Teams Slack, Discord, Whatsapp, Twilio, Email & SMS

The headless APIs with Swagger & GraphiQL GUI is amazing.

SHOW MORE
NocoDB - Open Source Airtable Alternative
Development
thursday
27 May 2021
Music Player using React.js dev.to

Ayaan Farooqui made a cool react.js music player with youtube as music source. Design Credits to Giga Tamarashvili on dribbble

SHOW MORE
Music Player using React.js
Development
lightGallery lightgalleryjs.com

A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript.

SHOW MORE
lightGallery
Development
Profiling to make your Rails app faster - Gannon McGibbon youtube.com

As you grow your Rails app, is it starting to slow down? Let’s talk about how to identify slow code, speed it up, and verify positive change within your application. In this talk, you’ll learn about rack-mini-profiler, benchmark/ips, and performance optimization best practices.

SHOW MORE
Profiling to make your Rails app faster - Gannon McGibbon
Development