teleren/devto huggingface dataset:
Docker images for Soroban Preview Releases
Tags: soroban, stellar, docker
Published: 2023-03-02 11:30:08

Hello! In order to avoid problems when working with several projects that are using different soroban's software's versions, I came up with the idea of creating an docker image for each soroban preview. With this we could run scripts that require different soroban-cli versions, rust versions, soroban rust sdks versions, etc...

I have contrubuted in stellar/soroban-example-dapp repo to use this idea:
- [Issue in stellar/soroban-example-dapp](https://github.com/stellar/soroban-example-dapp/issues/89)
- [Pull request in stellar/soroban-example-dapp](https://github.com/stellar/soroban-example-dapp/pull/90)

Check the repo: https://github.com/esteblock/soroban-preview-docker
Also, images are available in Docker Hub!: https://hub.docker.com/r/esteblock/soroban-preview

Write an issue and collaborate!

___

## How to use it?: Short answer
Just run your script inside the container with your favourite preview setup!
```
docker exec soroban-preview-7 my_script_requires_soroban_cli_0.6.0.sh
```

For more information, please check the README.md in the [project's repo](ttps://github.com/esteblock/soroban-preview-docker)

## How to use it?: Long answer, also using stellar/quickstart
In this exemple we'll use [Preview 7](https://soroban.stellar.org/docs/reference/releases).
In order to make calls between docker containers, let's create a docker network
1. (only once) create a common docker network
```
docker network create soroban-network
```
2. Run the stellar/quickstart container related to your preview (in this case preview 7)
```
docker run --rm -ti \
  --platform linux/amd64 \
  --name stellar \
  --network soroban-network \
  -p 8000:8000 \
  stellar/quickstart:soroban-dev@sha256:81c23da078c90d0ba220f8fc93414d0ea44608adc616988930529c58df278739 \
  standalone \
  --enable-soroban-rpc \
  --protocol-version 20 
```
3. Run the soroban-preview:7 image inside a container named soroban-preview-7. Here we'll also share our current directory.
```
currentDir=$(pwd)
docker run --volume  ${currentDir}:/workspace \
           --name soroban-preview-7 \
           --interactive \
           --tty \
           -p 8001:8000 \
           --detach \
           --ipc=host \
           --network soroban-network \
           soroban-preview:7
```
4. Execute your script inside the soroban-preview-7 container. In your script, instead of using http://localhost:8000, to call the stellar/quickstart container you just need to call `stellar:8000`, becase "stellar" is the name of the quickstart container that is living int he same docker network.
```
docker exec soroban-preview-7 ./my_soroban_cli_script.sh MY_ARGS
```
How to Manage Memgraph Docker Instances in Python
Tags: memgraph, docker, python
Published: 2023-03-02 16:04:47

When developing graph-based applications, it can become hard to manage different database server instances. Using the new `instance_runner` module, you will learn how to start, stop, connect to and monitor Memgraph instances with GQLAlchemy directly from your Python scripts.

First, perform all the necessary imports:

```python
from gqlalchemy.instance_runner import (
    DockerImage,
    MemgraphInstanceDocker
)
```

## Start the Memgraph instance

The following code will create a Memgraph instance, start it and return a connection object:

```python
memgraph_instance = MemgraphInstanceDocker(
    docker_image=DockerImage.MEMGRAPH, docker_image_tag="latest", host="0.0.0.0", port=7687
)
memgraph = memgraph_instance.start_and_connect(restart=False)
```

We used the default values for the arguments:

- `docker_image=DockerImage.MEMGRAPH`: This will start the `memgraph/memgraph`
  Docker image.
- `docker_image_tag="latest"`: We use the `latest` tag to start the most recent
  version of Memgraph.
- `host="0.0.0.0"`: This is the wildcard address which indicates that the
  instance should accept connections from all interfaces.
- `port=7687`: This is the default port Memgraph listens to.
- `restart=False`: If the instance is already running, it won't be stopped and
  started again.

After we have created the connection, we can start querying the database:

```python
memgraph.execute_and_fetch("RETURN 'Memgraph is running' AS result"))[0]["result"]
```

## Pass configuration flags

You can pass [configuration flags](/memgraph/reference-guide/configuration) using a dictionary:

```python
config={"--log-level": "TRACE"}
memgraph_instance = MemgraphInstanceDocker(config=config)
```

## Stop the Memgraph instance

To stop a Memgraph instance, call the `stop()` method:

```python
memgraph_instance.stop()
```

## Check if a Memgraph instance is running

To check if a Memgraph instance is running, call the `is_running()` method:

```python
memgraph_instance.is_running()
```

## Where to next?

Hopefully, this guide has taught you how to manage Memgraph Docker instances. If you have any more questions, join our community and ping us on [Discord](https://discord.gg/memgraph).


[![Read more about Python and graph databases on memgraph.com](https://public-assets.memgraph.com/external/memgraph-read-more-gradient-1200.png)](https://memgraph.com/blog?topics=Python&utm_source=devto&utm_medium=referral&utm_campaign=blog_repost&utm_content=banner#list)
Learn React Server Components in 7 easy to follow steps
Tags: react, nextjs, webdev, javascript
Published: 2023-03-02 15:51:56


## Learn React Server Components step-by-step

I've created a FREE course on teaching you everything you need to know about React Server components in 7 easy to follow steps visually. If you are interested, sign up here:

[React Server Components Course](https://bit.ly/3y5FjZW)

We'll build an app and cover concepts such as,

- What are Server and Client Components
- How they are different from each other
- The difference between Server-side Rendering and Server Components
- How to create shared components?
- How to pass data from one component to the other?
- Advanced: Best Practices
- and more...

You'll build an app from scratch + take quizzes along the way so you can test your knowledge 🚀

If you are interested, check it out!
Welcome Thread - v214
Tags: welcome
Published: 2023-03-02 15:44:15

---
title: Welcome Thread - v214
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![a strange kaleidoscopic, mirror view of a dude saying "wassup" to himself](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/paym94wfl3hs533b027z.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
GitHub - most commonly used commands and sites
Tags: github
Published: 2023-03-02 15:33:18

These are the most commonly used commands and sites that I use for Github.


![Git Commands](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rg3hw84e2o78fiwr4hs2.png)



- [GitLab Docs](https://docs.gitlab.com/ee/topics/git/)

- [Git commands](https://www.atlassian.com/git/glossary)

- [Learn Git with Bitbucket Cloud](https://www.atlassian.com/git/tutorials/learn-git-with-bitbucket-cloud)

- [Git Cheat Sheet](https://training.github.com/downloads/github-git-cheat-sheet.pdf)

- [Github Training manual](https://githubtraining.github.io/training-manual/book.pdf)
Elevating Your CSS Game with SCSS: A Beginner's Guide
Tags: css, webdev, beginners
Published: 2023-03-02 15:31:00

One of the most popular CSS preprocessors is SCSS (Sass). Sass is a scripting language that extends CSS by adding features such as variables, mixins, functions, and more. With SCSS, you can write clean and organized CSS code that is easier to maintain and reuse.


![css vs. scss](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tkvmllbwphvtd396weo7.jpeg)

Let's take a look at some of the benefits of using SCSS:

- **Variables:** In SCSS, you can define variables that store values, such as colors, fonts, or sizes. This makes it easy to maintain a consistent look and feel throughout your project, as you only need to update the variables in one place. Here's an example:

```css
$primary-color: #fff;
$secondary-color: #000;

body {
  background-color: $primary-color;
  color: $secondary-color;
}
```

- **Mixins:** Mixins are reusable blocks of code that can be included in other styles. You can define a mixin and then reuse it multiple times throughout your project. This is useful for implementing responsive design, as you can create mixins for media queries and then include them in your styles. Here's an example:

```css
@mixin large-screen {
  @media (min-width: 1024px) {
    @content;
  }
}

.header {
  @include large-screen {
    font-size: 32px;
  }
}
```

- **Nesting:** In SCSS, you can nest selectors within each other, making your code more organized and easier to read. This allows you to write styles for a parent element and its children in a single block of code. Here's an example:

```css
.header {
  background-color: $primary-color;
  
  .navigation {
    display: flex;
  }
  
  .branding {
    font-size: 24px;
  }
}
```

- **Functions:** SCSS also provides a number of built-in functions, such as lighten() and darken(), which allow you to manipulate colors. This is useful for creating dynamic styles that change based on user interactions or other events. Here's an example:

```css
.cta {
  background-color: lighten($primary-color, 10%);
}
```

In conclusion, using a CSS preprocessor such as SCSS can greatly improve your CSS development workflow. With its variables, mixins, nesting, and functions, SCSS provides a wealth of tools for writing clean, organized, and reusable CSS code. So if you haven't tried using a CSS preprocessor yet, give SCSS a try and see the benefits for yourself!
Total.js OpenPlatform: installation guide
Tags: totaljs, node, webos, openplatform
Published: 2023-03-02 15:28:55

[**OpenPlatform**](https://totaljs.com/openplatform) is a Web OS platform / Portal for running, integrating, and managing multiple 3rd party web applications. **OpenPlatform** provides running applications with a set of services, such as user and security management or notifications, so that programmers can focus on business logic. In this tutorial i try to guide you through how to install OpenPlatform and integrate one 3rd party application ([**UI Studio**](https//github.com/totaljs/uistudio)). But before we start, let us understand why you need OpenPlatform:
## Why OpenPlatform?

![Image description](https://miro.medium.com/v2/resize:fit:640/1*LZm6R9SgSZQmhu4CKxXb4A.gif)
**[OpenPlatform](https://totaljs.com/openplatform)** is a free and opensource entreprise-ready solution.
As a company or a team, we have mutiple websites that we use every day like **internal chat application, planner app, calendar app, todo app, helpdesk, archive apps, attendence website, customer management website, webmail application, online code editor, hosting admin panels, online file storage**, etc.
All your websites and apps have different addresses, different credentials, different access policies and managing all of them can be time-consuming.
What if you can access all thoses websites from one address and one credential to save time, manage users like a pro and guarantee the security of your domaine names? It sounds interresting right? That is what Total.js OpenPlatform has been doing so well since long.

## Many apps, one OpenPlatform
![Openplatform](https://miro.medium.com/v2/resize:fit:720/format:webp/1*J4KuCnZAxlqwv9EFwbCilA.jpeg)
The ultimate goal of OpenPlatform is to keeps all app in one place no matter how and what technology is used to create theses apps. Weather you applications are created with **Ruby, Python, PHP or Node.js, OpenPlatform** is still able to integrate them in one place.

## Amazing features
[OpenPlatform](https://totaljs.com/openplatform) is well known for the following advantages:
![Openplatform features](https://miro.medium.com/v2/resize:fit:720/format:webp/1*W1bmFY4uoGSihSmLH_VbSA.png)
In addition, Total.js has a bunch of other applications that are fully optimized for OpenPlatform. Enjoy the exploration [**here**](https//totaljs.com/apps).

## How to install Total.js OpenPlatform?
[OpenPlatform](https://totaljs.com/openplatform) can be installed from different ways: via Total.js Cloud installation, via Docker container or via github source-code. But in this tutorial we will install it from github source code clone and we are also installing one example application called Total.js UI Studio.
Watch video tutorial now.
{% embed https://www.youtube.com/watch?v=6Qud6SlIUQM %}

Do not forget to follow me here and subscribe to my [YouTube channel](https://www.youtube.com/@louisbertson6635) for more content about Total.js.
Tech update - Major tech companies catching upto chatGPT’s popularity
Tags: chatgpt, ai
Published: 2023-03-02 15:26:33

As OpenAI’s ChatGPT surges in popularity, more companies, including Microsoft, Google,Meta and even Snapchat, are exploring opportunities in the generative AI space.

- ChatGPT will now be available to Snapchat users in the form of AI based friend with which users can have daily conversations. Named “My AI,” Snapchat’s chatGPT based bot will be pinned to the app’s chat tab above conversations with friends and will be available only to Snapchat plus subscribers. The idea behind this is that in addition to talking to friends and family every day, users are going to talk to AI every day.
- Microsoft is bringing AI powered search experience to taskbar in windows 11. This is first step towards Microsoft’s plans of AI powered windows. The search box is used by over half a billion people on a regular basis.
- Meta is now dedicating a team towards building AI powered chat experiences and personas designed to help people in various ways. They are planning to use this tools within each of their apps.

In conclusion, the rise of AI language models and their popularity among major tech companies is a positive development for the field of natural language processing, and it will be exciting to see how these technologies continue to evolve and improve in the future.
Why Solutions Architects are not meant to replace Software Architect
Tags: productivity, career, computerscience, programming
Published: 2023-03-02 15:23:57

As technology continues to advance, the roles of **Solutions Architect** and **Software Architect** have become increasingly important. While these two roles share some similarities, they are distinct in their areas of focus and expertise. In this article, we will explore why Solutions Architects are not meant to replace Software Architects.

**Software Architects** are primarily responsible for designing and creating software solutions, using their technical expertise to develop the structure, behaviour, and other critical aspects of a software system. They are involved in the development process from the earliest stages, working with stakeholders to identify the requirements of a project and creating a design that meets those needs.

**Solutions Architects**, on the other hand, are responsible for designing end-to-end solutions that solve business problems. They focus on identifying the most appropriate technologies, systems, and applications to meet specific business objectives. This includes evaluating the available options, designing solutions that meet the specific requirements, and ensuring that the resulting system is scalable, secure, and cost-effective.

While there is some overlap in the responsibilities of these two roles, they are fundamentally different. **Software Architects** are experts in software development and are responsible for creating software solutions that meet specific requirements. **Solutions Architects**, on the other hand, are focused on the big picture and are responsible for designing solutions that solve business problems.

One of the key reasons that **Solutions Architects** are not meant to replace **Software Architects** is that their skill sets are different. While both roles require technical expertise, Software Architects are focused on the details of software development, while **Solutions Architects** are focused on broader business goals. This means that each role requires a different set of skills and expertise.

Another reason that **Solutions Architects** are not meant to replace **Software Architects** is that they serve different functions within an organisation. **Software Architects** are typically part of the development team and work closely with developers and other stakeholders to create software solutions. **Solutions Architects**, on the other hand, are typically part of a larger team that includes business analysts, project managers, and other stakeholders.

In conclusion, while **Solutions Architects and Software Architects** share some common ground, they are distinct roles that serve different functions within an organisation. **Solutions Architects** are responsible for designing end-to-end solutions that solve business problems, while **Software Architects** are focused on creating software solutions that meet specific requirements. Both roles are critical to the success of a project, and they should be viewed as complementary rather than interchangeable.
Paycom bank transfer
Published: 2023-03-02 15:20:15

[https://www.bankfanz.com/paycom-bank-transfer-code/](https://www.bankfanz.com/paycom-bank-transfer-code/#utm_source=backlinks&utm_medium=search&utm_campaign=darry+ring+us&utm_content=Michelle)

https://plaza.rakuten.co.jp/paycombank1/diary/202303020000/
https://peatix.com/user/16206756/
https://www.provenexpert.com/paycom-bank-transfer-code-20236/
https://www.producthunt.com/@paycombank6
https://www.divephotoguide.com/user/Paycomtransfercode6
https://wakelet.com/@Paycombanktransfercode2023662
https://vocal.media/authors/paycom-bank-transfer-code-2023-id8ze60jwu
https://www.lifeofpix.com/photographers/paycomtransfercode6/
https://seedandspark.com/user/paycom-bank-transfer-code-2023-5
https://rosalind.info/users/Paycomtransfercode6/
http://phillipsservices.net/UserProfile/tabid/43/userId/202689/Default.aspx
https://app.roll20.net/users/11689040/paycom-bank-transfer-code-2
https://speakerdeck.com/paycombank06
https://social.msdn.microsoft.com/profile/paycom%20bank%20transfer%20code%202023%206/
https://camp-fire.jp/profile/paycomtransfercode6/
https://plazapublica.cdmx.gob.mx/profiles/paycombank6/activity
https://www.metal-archives.com/users/Paycomtransfercode6
https://storium.com/user/paycomtransfercode6
https://trabajo.merca20.com/author/paycomtransfercode6/
https://www.intensedebate.com/people/paycomtransfer6
https://www.mifare.net/support/forum/users/paycomtranfercode6/
https://pinshape.com/users/2584929-paycombank6
http://foxsheets.com/UserProfile/tabid/57/userId/122747/Default.aspx
https://www.kompasiana.com/paycombank6
https://www.credly.com/users/paycom-bank-transfer-code-2023.bfb5bf86/badges
https://www.myminifactory.com/users/Paycomtransfercode06
https://www.sqlservercentral.com/forums/user/paycomtransfercode6
https://www.longisland.com/profile/paycomtransfer6
https://guides.co/a/paycom-bank-transfer-code-2023-661057
https://myanimelist.net/profile/Paycomtransfer6
Boost Your Tailwind CSS Workflow with VS Code Extensions
Tags: productivity, vscode, tailwindcss, vscodeextensions
Published: 2024-01-12 19:04:05

---
title: Boost Your Tailwind CSS Workflow with VS Code Extensions
published: true
date: 2023-03-02 15:10:09 UTC
tags: productivity,vscode,tailwindcss,vscodeextensions
canonical_url: https://raziul.dev/boost-your-tailwind-css-workflow-with-vs-code-extensions/
---

If you're a web developer using [TailwindCSS](https://tailwindcss.com/), you know how important it is to have the right tools to improve your workflow and productivity. [Visual Studio Code](https://code.visualstudio.com/) is a popular code editor with a great collection of extensions, making it an excellent choice for developers who work with TailwindCSS.

In this article, we'll cover some of the must-have **Visual Studio Code extensions for TailwindCSS that can help you improve your workflow and productivity.**

## [**Tailwind CSS IntelliSense**](https://dev.to/scottw/tailwind-css-intellisense-4b3e-temp-slug-8675760)

**Tailwind CSS IntelliSense** is an extension that provides autocomplete for TailwindCSS classes in your HTML, CSS, and JavaScript files. By using this extension, you can save time and improve your productivity by quickly accessing Tailwind's utility classes.

You can install the **Tailwind CSS IntelliSense** extension from the **Visual Studio Code Marketplace**. Once installed, you can start using the extension right away.

## [**Headwind**](https://marketplace.visualstudio.com/items?itemName=heybourn.headwind)

**Headwind** is an extension that automatically organizes your CSS classes in your code to follow the same order as Tailwind's documentation. This makes it easier to find and modify your classes, improving your workflow and productivity.

To install **Headwind** , open VS Code and search for "Headwind" in the Extensions Marketplace.

## [**Inline Fold**](https://marketplace.visualstudio.com/items?itemName=moalamri.inline-fold)

**TailwindCSS** is a utility-first CSS framework that uses a lot of utility classes. This can make your code difficult to read and understand. **Inline Fold** is an extension that folds the classes to **make your code easier to read and understand**. You can expand the folds by clicking on them.

## [**Tailwind Colour Theme**](https://marketplace.visualstudio.com/items?itemName=shadowblood.tailwind-moon)

**Tailwind Colour Theme** is an extension that provides a color scheme for your Visual Studio Code editor that matches Tailwind's default color palette. This can help you stay focused and improve your coding experience by providing a familiar color scheme.

## **Conclusion**

In conclusion, these are some of the must-have **Visual Studio Code extensions** for **TailwindCSS**. By using these extensions, you can streamline your development process and make it easier to work with TailwindCSS in Visual Studio Code. Whether you're a beginner or an experienced developer, **these extensions can help you improve your workflow and productivity.**
Five minute maintainers: Meet Felix Böhm 👋🏾
Tags: programming, opensource, devops, javascript
Published: 2023-03-02 14:58:30

**Our new five minute maintainer series shares the journeys and opinions of the maintainers behind some of the most widely used projects in open source.** We ask five big questions in five minutes, with the goal of elevating the voices of open source maintainers who create the open source projects we all rely on.

{% embed https://www.youtube.com/watch?v=btl7C0ozfBU %}

In our first in the series, we’d like to introduce you to Felix Böhm. Felix maintains Cheerio and a host of other useful packages, and his contributions to open source were born from a love of exploration and gaming. Watch to learn more about how Felix got started, and his impressions on the industry today! 

**Are you a maintainer who would like to be featured in our five minute maintainer series?** Reach out to Lyn Muldrow, Senior Maintainer Advocate, at lyn@tidelift.com.
Looking for Cheap movers
Tags: moving
Published: 2023-03-02 14:41:54

Hi everyone, I am looking to move within NYC and am on a tight budget. I am trying to find a moving company that offers affordable services without sacrificing quality. Can anyone recommend some cheap movers in NYC or share their experiences with different moving companies that offer good value for their services? Has anyone ordered moving services [on this site](https://zeromaxmoving.com/services/residential-movers-nyc/)? What are your impressions? Is it worth ordering a move from them? Any advice would be greatly appreciated. Thanks!