teleren/devto huggingface dataset:
VSCode Extension - Doc Tab: edit the doc comments in a new tab
Tags: vscode, jsdoc, tsdoc, extension
Published: 2023-10-10 08:44:00

---
title: VSCode Extension - Doc Tab: edit the doc comments in a new tab
published: true
description: "Doc Tab" is a Visual Studio Code extension that allows you to edit the doc comments in a new tab.
tags: vscode, jsdoc, tsdoc, extension
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p63zhi1x31yn0opyfuut.jpg
published_at: 2023-10-10 16:44 +0800
---

"Doc Tab" is a Visual Studio Code extension that allows you to edit the doc comments in a new tab.

![Cover](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p63zhi1x31yn0opyfuut.jpg)

## The Problem

Editors like VSCode support markdown preview for JSDoc / TSDoc, but it's often challenging to edit, format, and indent it within the comment block. This extension is designed to assist in editing doc comments in a new tab, providing the benefits of specific language features such as Markdown's syntax highlighting, intelligence, linting, and formatting.

## Setup

You can install the VSCode extension from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=VdustR.doc-tab) or check out the source code from [my GitHub repository](https://github.com/VdustR/doc-tab).

## Usage

1. Choose or position the cursor within the documentation comment block.
2. Access the command palette:
   - `Ctrl+Shift+P` on Windows/Linux
   - `Cmd+Shift+P` on macOS
3. Enter `Doc Tab: Edit Comment In New Tab` and hit `Enter`.
4. Modify the documentation comment in the new tab.
5. Close the tab without saving to discard any alterations.
6. The changes will be applied to the documentation comment block. 🎉🎉

## Recommended Workflow

1. Format the code (using eslint, prettier, etc.).
2. Edit the documentation comments in a new tab. It's advisable to [preview](https://code.visualstudio.com/docs/languages/markdown#_markdown-preview) while editing.
3. Format the code in the new tab.
4. Close the tab without saving.
5. Format the code once again.
6. Reformat the documentation comments (using [Rewrap](https://marketplace.visualstudio.com/items?itemName=stkb.rewrap)).

{% youtube mC6cOQaAY-A %}

## Recommended Extensions for Combined Use

- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- [eslint-stylistic](https://github.com/eslint-stylistic/eslint-stylistic)
- [Rewrap](https://marketplace.visualstudio.com/items?itemName=stkb.rewrap)

Please feel free to file any issues or pull requests if you encounter any problems or have ideas. Thank you very much.
Ownership - It's Importance in Software Engineering
Tags: softwareengineering, webdev, community, software
Published: 2023-10-10 14:48:44

A good software engineer's most important skill is ownership 


Ownership is one thing I've learnt by hustling in startups!

And ownership doesn't just means to get the job done! 🙅‍♂️

Its about treating the product as your own, not just thinking about its development, but how you can improve the architecture, how can you improve the performance, and also how can you improve the product as a whole!

Thinking about new features.
Thinking about improving user experience.
Thinking about increasing user retension!

I love the Amazon's "Customer Obsession" principle, I truly believe it's one of the most important principle which separates good engineers from great one's!

One tip to improve your "Product Engineering" skills: Remove the concept of tech & implementation from your head before you think about a product, don't think about how complex it will be, is it feasible or not, just think about the best product you can!

Everything can be built by great engineers :)
What Movie or Book Still Holds a Special Place in Your Heart?
Tags: discuss, codenewbie, beginner
Published: 2023-10-29 00:00:00

---
published_at : 2023-10-29 00:00 +0000
---
Media and pop culture have a significant impact on our childhood perceptions and adult lives. Is there a movie, book, or TV show from your childhood that still holds a special place in your heart? How has it influenced your values or interests as an adult?

Follow the [CodeNewbie Org](https://dev.to/codenewbieteam) and [#codenewbie](https://dev.to/t/codenewbie) for more discussions and online camaraderie!

*{% embed* https://dev.to/codenewbieteam *%}*
One-week Career Swap: What Would You Do?
Tags: discuss, codenewbie, beginner
Published: 2023-10-30 00:00:00

---
published_at : 2023-10-30 00:00 +0000
---
If you could change careers for just one week, stepping into a completely different professional world, what role or job would you choose to experience?

Follow the [CodeNewbie Org](https://dev.to/codenewbieteam) and [#codenewbie](https://dev.to/t/codenewbie) for more discussions and online camaraderie!

*{% embed* https://dev.to/codenewbieteam *%}*
What Are the Essential Qualities of a Productive Team Member?
Tags: discuss, codenewbie, beginner
Published: 2023-11-01 00:00:00

---
published_at : 2023-11-01 00:00 +0000
---
What are the key qualities that contribute to being a productive and effective team member? Share your insights and discuss how fostering these qualities can lead to better teamwork and outcomes.

Follow the [CodeNewbie Org](https://dev.to/codenewbieteam) and [#codenewbie](https://dev.to/t/codenewbie) for more discussions and online camaraderie!

*{% embed* https://dev.to/codenewbieteam *%}*
Flutter App Development Company
Tags: flutter, webdev, mobile, javascript
Published: 2023-10-11 11:56:23

The Google [Flutter App Development](https://www.clickboxagency.com/flutter-app-development-company-coimbatore/) SDK is a new platform that can be used to make native mobile apps for both iOS and Android using a single structure of code. Flutter is strong and responsive, and it has widgets and tools that make it possible to build and release UIs with animations and a single code that works on different devices.

The best thing about the Flutter platform is that it gives writers a way to connect to native, so they can do almost everything that Kotlin, Swift, and Java can do. Connecting and drawing are the most important things to know about Flutter. Apps that use the camera, Geolocation, network, storage, and 3rd party SDKs are good examples of apps that use Flutter. All of this is related to the latest guidelines for cross-platform development, which can be done with the Flutter app development framework.
Save Even More with Pleazia: Discover Exclusive Discount Codes
Published: 2023-10-25 09:47:55

Online shopping is already a blessing for those of us looking to save time and money, but did you know that you can save even more with Pleazia? This innovative platform not only offers you commissions on your purchases but also exclusive discount codes to maximize your savings. In this blog, we will unveil how Pleazia allows you to obtain discount codes for your orders.

**What is PLEAZIA ?**

PLEAZIA is an intelligent assistant that combines the pleasure of shopping online with the assistance of artificial intelligence. PLEAZIA guides you in using the pleaziamarket.com website while allowing you to enjoy benefits such as commissions and discounts.

**[Pleazia](pleaziamarket.com): Your Source of Exclusive Discounts**

Pleazia goes beyond the traditional offers you find on other online shopping sites. The platform introduces discount codes that you can use on the site!

**Browse Exclusive Offers**
When you are on Pleazia, you have access to a list of exclusive offers from partner merchants. These offers are carefully selected to provide you with high-quality products and services at advantageous prices. Whether you are looking for fashionable clothing, cutting-edge electronics, or any other items, Pleazia has exclusive offers for you.

**Use the Discount Codes**
To benefit from these exclusive offers, all you have to do is use the discount codes provided by Pleazia when placing your order. These codes allow you to enjoy substantial discounts on the purchase price, thus saving you money.

**Save on a Variety of Products and Services**
[Pleazia](pleaziamarket.com) is not limited to a single sector. You can find discount codes for a variety of products and services, whether it's trendy clothing, state-of-the-art electronics, or even online services. This means that you can save on practically everything you buy on the site.

**Pleazia's Intelligent Assistant Optimizes Your Shopping**
Pleazia's AI adds a layer of personalization by suggesting offers and discount codes based on your preferences and shopping habits. It helps you find the best deals for the products that interest you the most.

**Conclusion: Save Smartly with [Pleazia](pleaziamarket.com)**

With Pleazia, saving money on your online purchases has never been easier. Thanks to the discounts, you can obtain reductions on a variety of products and services. Pleazia's AI ensures that these offers align with your preferences, offering you a smart and cost-effective online shopping experience.

Join Pleazia today to begin enjoying these exclusive discounts and discover how you can save even more on your online purchases.
Phpstorm Intellij search mode when focusing
Tags: intellij, phpstorm
Published: 2023-10-25 15:31:51

Sometimes when moving between your browser and your editor be it Phpstorm or some other Intellij product you find the editor en search and replace mode, the cause of this is that when hitting the reload shortcut(cmd+r) multiple times y the browser and the rapidly changing focus to the editor the last hit in the shortcut in captured by the editor like the command to Search and Replace, the solution is to remove or change the  shortcut in the editor.
Have multiple config file types in a project? Here’s a single tool to validate them all!
Tags: showdev, go, devops, opensource
Published: 2023-10-25 16:35:23


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h7h5x3a8ryxvzld9fgc3.png)

Sharing a project my team and I open-sourced around 10 months ago. We do a lot of devops/infra work which required creating and editing different types of config files. We wanted to test that the syntax of those config files was valid but didn’t want to have to use a bunch of different syntax validator tools. We wanted a single (cross platform) tool to validate all the different types and group the output into a single report. We couldn’t find anything that would do what we wanted so we created the config-file-validator project. We currently support XML, JSON, HCL, YAML, Properties, INI, and TOML with CSV and Apple PList on the way (PR’s in-review).

Check it out and let us know what you think!

Project Link: https://github.com/Boeing/config-file-validator

Releases: https://github.com/Boeing/config-file-validator/releases
CodeSmash LTD Campaign
Tags: webdev, javascript, beginners, programming
Published: 2023-10-25 17:07:29

I started building CodeSmash earlier this year and it has gotten quite far so far. For those who don't know, CodeSmash is a No Code platform for deploying custom backends.

https://codesmash.studio

The main difference between CodeSmash and other alternative services like Xano and Supabase is that CodeSmash has no lock-in by default. As opposed to alternatives, it deploys all your backends directly on your private AWS account, so you are always in control of your apps.


![CodeSmash](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5dbbaxp3bz2junz10nc4.png)

Not only is that the case, but it sets up the environment in line with DevOps principles so all your infrastructure is defined as Terraform modules and built with CI/CD pipelines. This way both technical and non-technical users can benefit from CodeSmash.

Since I'm currently going through an extensive re-design phase which is almost over, I will be launching an LTD campaign as soon as the new design is completed.


![CodeSmash](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hwf91x0npog44h9tkba5.png)

Therefore, you will have the opportunity to pay once and use CodeSmash forever witht he following plans:

Personal - $45
Business - $95
Enterprise - $245

The LTD is about to launch soon, so make sure to join our mailing list as well!
Connect with NFC Card , Send Transaction with QR code
Tags: nfc, qrcode
Published: 2023-10-27 06:35:48

---
title: Connect with NFC Card , Send Transaction with QR code
published: true
date: 2023-10-26 00:39:00 UTC
tags: NFC,QRCode
canonical_url: https://reactjsexample.com/connect-with-nfc-card-send-transaction-with-qr-code/
---

 ![Connect with NFC Card , Send Transaction with QR code](https://reactjsexample.com/content/images/2023/10/Code_2023-10_10-34-23.jpg)

![Connect with NFC Card , Send Transaction with QR code](https://user-images.githubusercontent.com/59263564/277121428-0d16fbd6-351b-4f98-8144-02c1dc33b6a1.png)

# NeBula Overview

[https://youtu.be/BiPv0tLxyPM?si=PbNzWvl\_Dlev0l\_w](https://youtu.be/BiPv0tLxyPM?si=PbNzWvl_Dlev0l_w)

We have developed a system that leverages NFC for wallet creation and login, as well as QR codes for transaction generation and approval. Both NFC tagging and QR codes offer convenient solutions for mobile users, and we’ve integrated these technologies into the blockchain.

The reason behind our creation of NFC card wallets stems from the shortcomings of existing wallet systems. Custodial wallets often suffer from the Trusted Entity problem, and Key Management Service (KMS) wallets share similar issues. Mobile wallets typically require app installation and setup, and hardware wallets can be expensive and have limited token support.

With our NFC card wallet system, anyone can create a wallet using their readily available NFC credit or debit cards. This system facilitates seamless offline payments using NFC cards, making in-store purchases and participation in offline events more straightforward.

Furthermore, when it comes to generating and approving transactions, we’ve streamlined the process by using QR codes, reducing the user’s manual effort. This feature can prove to be highly valuable for real-world retail purchases, offline events, and various situations where QR codes are employed.

## Introducing Our Tech

The main points are NFC, QRCODE, Cometh SDK, Tableland, and EIP 681. Cometh allows first time users to adapt web3 for easy wallet creation and processing processor with zero -gas -fee. Create a wallet and log in by tagging NFC using NFC web api. When creating a processor with a qr code, the corresponding qr image was saved in a decentralized database table to pull out the corresponding qr transaction. Convenience has been increased by using EIP-681, which converts transaction requests into QR codes.

## Tech Stack

- React.js
- Typescript
- TailwindCss
- ethers.js
- Nfc API
- Cometh
- Tableland

## Start

Set you Cometh API KEY in the following env var:

```
export NEXT_PUBLIC_COMETH_API_KEY=YOUR_API_KEY

```

After the successfull installation of the packages: `yarn dev`

## GitHub

[View Github](https://github.com/ETHGlobal-Online-ChainWave/Nebula?ref=reactjsexample.com)
Three inspiring AI & NextJS projects
Published: 2023-10-26 23:07:30

**[typebot.io](https://typebot.io/)**
- While the app doesn't overtly showcase "AI" capabilities, the app author [Baptiste](baptisteArno) implements a flowchart builder that is commonly used in LLM builders, ie. [rivet](https://github.com/Ironclad/rivet).
- I admire the craftsmanship of this project. I like that it organizes apps by builder, viewer, and landing pages, and put "features" as common functionalities among these apps.
- All these modules have their own test suite!
- https://github.com/baptisteArno/typebot.io

**[llm.report](https://llm.report)**
- This site shows me that one can develop a useful analytics product by using an unofficial API (/account/usage) and promptly streamlining the results into a captivating chart.
- It's also fun to watch how agile the authors are to keep their service functional when OpenAI's changes these APIs.
- https://github.com/dillionverma/llm.report

**[emojis.sh](https://emojis.sh/)**
- It uses models from [Replicate](https://replicate.com/), which offers a rich library of ready-to-use models through HTTP.
- This project exposes generative emojis to the best use case I've found from the model. Slack emojis are small enough the imperfection is trivial, and using them is only a copy-and-paste away in Slack.
- The app takes advantage of an experimental [form status API](https://github.com/Pondorasti/emojis/blob/6f0a26fbe962f3934103096b51d560f3a9511784/src/app/_components/emoji-form/index.tsx#L7) from `react-dom`, eliminating the need for manual event handler implementations in JS. This results in not just less code but also reduced client-side state management.
- https://github.com/pondorasti/emojis
Guide to Time Series Model
Tags: beginners, learning, datascience
Published: 2023-10-26 08:36:01

Time Series is a set of data points over a period used to analyze and forecast the future. Time is the independent variable.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i1mal7ez79096i3jxzux.jpg)

## Characteristics of Time Series Model
Autocorrelation: Is the similarity between observation as a function of the time lag between them.

Seasonality: Periodic fluctuations for example online sales peak during Christmas before slowing down.

Stationary: Here is when the statistical properties remain constant over time. It can be tested using the Dickey-Fuller test by evaluating the null hypothesis to determine if a unit root is present.

## Time Series Analysis Types
Classification: It identifies and assigns categories to the data.

Curve Fitting: It plots data on a curve to investigate the relationships between variables in the data.

Descriptive Analysis: Identifies patterns such as trends and seasonal variations.

Explanative analysis: It attempts to comprehend the data and the relationships within it and cause and effect.

Segmentation: It splits the data into segments to reveal the source data's underlying properties. 

Time series analysis can be used in - 
Rainfall measurements
Heart rate monitoring (EKG)
Brain monitoring (EEG)
Quarterly sales
Stock prices
Automated stock trading
Industry forecasts
Interest rates
Navigating the Junior-Senior Dynamic in the Age of AI
Tags: ai, softwareengineering, junior, senior
Published: 2023-10-27 03:20:26

## The Evolving Dynamic Between Junior and Senior Developers

As artificial intelligence advances, the technical skills gap between junior and senior developers is shrinking. With tools like GitHub Copilot, juniors gain quick access to code generation and debugging help. The playing field is leveling. But senior developers still stand apart when it comes to real-world experience and mentality.

Seasoned developers draw on years of experience architecting systems, coordinating teams, and guiding projects. They’ve survived countless code reviews, product launches and post-mortems. They’ve seen both failures and successes. These battles shape their intuition on how to structure code and systems in a maintainable and scalable way. Juniors may grasp the syntax, but lack the deeper wisdom that comes from experience.

Seniors also exhibit certain mindsets cultivated over time. They focus on the big picture, considering how all the components will come together. They think about future maintainability and delegate appropriately. Juniors tend to get stuck in the weeds of individual features. When crises hit, seniors stay calm, having endured similar situations before. Juniors are more prone to panic.

Of course, these differences come with time. As juniors gain experience, they build the knowledge, perspective and leadership abilities that distinguish their veteran peers. But AI accelerates skill development. With proper mentoring, juniors can reach senior levels faster than ever. The key is embracing the journey with curiosity and humility.

## **On the road from Junior to Senior**

![On the road from Junior to Senior](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a6dh01csg85vubdifhhj.jpeg)


The transition from junior to senior developer is a journey. Here are some key milestones along the path:

- **Master the fundamentals** - Become fluent in major languages and CS concepts. Utilize AI for continued learning.
- **Gain exposure** - Seek breadth in technologies and project experience. Understand the bigger picture.
- **Build leadership skills** - Guide team decisions. Practice public speaking. Mentor new hires.
- **Expand influence** - Drive discussions on architecture, tooling, process improvements. Advocate for quality.
- **Manage systems** - Coordinate entire codebases, not just features. Lead major initiatives.
- **Demonstrate mastery** - Establish expertise. Contribute to open source and internal tools. Innovate solutions.
- **Cultivate wisdom** - Draw on failures for guidance and maturity. Exhibit patience and perspective.

The timeline will vary, but embracing new opportunities is key. With a growth mindset and dedication, juniors can reach new heights. The future is bright for those passionate about progressing.

As technology evolves, so must we - learning, collaborating and pushing new boundaries. By moving forward together, we elevate our teams, companies and the software engineering profession. The junior-senior dynamic will continue advancing in this age of AI. The potential for all is immense.