Skip to Main Content
TWIL
Notion
VS Code

TWIL 2024-02-09

February 15, 2024 • Frank Valcarcel
Image featuring key points from this week's TWIL blog post on Notion Database buttons and using VSCode's Debug Console.

Welcome to TWIL, our weekly series designed to spark your curiosity and enhance your technical expertise. In this latest installment, delve into the world of productivity and code efficiency with Emily as she presents on two intriguing subjects. Discover how to streamline your workflows by mastering Buttons in Notion Databases, harnessing the power of Notion's robust Tools. Then, switch gears and boost your debugging skills with Emily's insights on Using the Debug Console in VSCode; an essential Vscode feature that aids in swiftly navigating through code complexities and finding solutions with precision. Join us for a concise learning journey through these compelling software development topics.

Buttons in Notion Databases

Notion recently introduced a new feature for Buttons in Databases. These buttons are added as a column in your database and execute actions that can be configured to change data in other properties.

I’ve jumped on adding this to my personal Task List to mark items as completed and track their completion date:

A screenshot of a dark-themed Notion dashboard showcasing the new button feature in a database task list. The left side displays an organized menu with various productivity categories, while the main panel highlights a "Demo Task" with a clickable button, reflecting the described use of Notion buttons to efficiently manage tasks and track completion dates.

I’m excited to see if Notion introduces better support for targeting related pages or creating dynamic data for updates.

  • Tools
  • Notion
Emily Morehouse's profile picture
Emily Morehouse

Cofounder, Director of Engineering

Using the Debug Console in VSCode

When hitting a breakpoint while running a project via VSCode, you can access not only variables in the sidebar but also a debug console! Here’s what it looks like:

A screenshot of a code editor interface displaying Python code within a Django project, focused on a file named 'serializers.py'. The editor shows a class 'UpdateUserSerializer' with methods that include validation and update functionality. The theme of the editor is dark with code highlighted in different colors for readability. There is an output console at the bottom reporting on server status and recent requests, indicating that the development server is running. There are additional tabs and tools visible indicating that this is an Integrated Development Environment (IDE) with multiple features such as debugging and version control.
  • VSCode
Emily Morehouse's profile picture
Emily Morehouse

Cofounder, Director of Engineering

Related Posts

Digital pioneer journeying through technological quirks, reminiscent of vast waterfalls and rocky terrains
April 5, 2017 • Kyle Misencik

Infinitely dispatching actions + React, Redux & React Router v4

While implementing JWT for an application, we ran into a quirk with React Router v4. Here, we hope to show how to implement protected client-side routes while avoiding some of the pitfalls we encountered.

Demonstration of GDPR compliant data security practices using handheld device.
June 7, 2018 • Nick Farrell

Techniques for Personal Data Privacy

Over the past decade, we’ve seen what can happen when companies are neglectful with personal data, and in 2018, strong privacy practices can ensure that your company is making headlines for the right reasons.