engineering - CybAI news

08 Jul

Kdash – a true opensource K8s micro IDE

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, kdash, productivity, software

although there are multiple CLI GUI ide's for Kubernetes , NONE yet remained open source for the long run, https://medium.com/@seifeddinerajhi/explore-user-friendly-desktop-kubernetes-open-source-ides-5315516b0752 KDash will remain opensourced till aliens come in touch ... promise , so star! , Fork! , share ! get your community involved , we wish to get your feedback and PRs https://github.com/target-ops/kdash/releases/tag/v0.2.0 Source link lol

08 Jul

3 Amazing Productivity Apps for Linux

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, Linux, productivity, software, ubuntu

I use Ubuntu 24.04 as my daily driver on my main laptop and these are some of the best native Linux apps that I use on a daily basis. 1. Iotas Iotas is a note taking application for Linux distributions that is available in the Ubuntu repositories or as a Flatpak that you can download from Flathub. It's the Linux equivalent of Apple Notes for me, it doesn't have all of the features but is enough for me. Iotas allows you to write in plain text as well as markdown and offers an editing and viewing mode to see how…

08 Jul

Navigating Common Git Errors: A Guide for Developers

stp2y0 CommentsNewscoding, community, development, engineering, git, github, inclusive, javascript, software, webdev

As developers, we often encounter various errors when using Git. One such error involves attempting to fetch all branches or create a new branch in a directory that is not a Git repository. In this article, we will explore a common scenario and provide a step-by-step guide on how to resolve it. The Scenario You are working on a project and trying to fetch all branches or create a new branch using the following commands: git fetch --all git checkout -b dev-pilot Enter fullscreen mode Exit fullscreen mode However, you encounter the following errors: fatal: not a git repository (or…

08 Jul

Next.js with Shadcn UI Progress Bar Example

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, nextjs, shadcnui, software, webdev

In this tutorial, we will learn how to use a progress bar in Next.js with Shadcn UI. Before using the progress bar in Next.js 13 with Shadcn UI, you need to install it by running npx shadcn-ui@latest add progress. npx shadcn-ui@latest add progress # or npx shadcn-ui@latest add Enter fullscreen mode Exit fullscreen mode Create a progress bar in Next.js 13 using the Shadcn UI Progresscomponent. import { Progress } from "@/components/ui/progress" export default function ProgressDemo() { return ( <div className="space-y-2"> <Progress value={10} /> <Progress value={25} /> <Progress value={50} /> <Progress value={75} /> <Progress value={100} /> </div> ) } Enter…

08 Jul

Clean Architecture in Node.js: An Approach with TypeScript and Dependency Injection.

stp2y0 CommentsNewsarchitecture, cleancode, coding, community, development, engineering, inclusive, microservices, node, software

A Clean Architecture What is clean architecture and why do we even care about it? The clean architecture approach is a software design pattern and a guideline proposed by Robert C. Martin (Uncle Bob). This architecture urges us to build a cleaner code and more structured code. So why do we care about it, why is it a good fit (at least, for me) to be used with a Node.js project, especially with TypeScript? While there is a catch like a more complex code and it may be overkill for some simple or some quick projects, we have some benefits…

08 Jul

Add a custom Tailwind CSS class for reusability and speed

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, rails, ruby, software, tailwindcss, webdev

This article was originally published on Rails Designer This is another quick article about something I use in every (Rails) app. I often apply a few Tailwind CSS utility-classes to create smooth transitions for hover- or active-states. I use this one so often that I create a custom smoothTransition class. So instead of writing transition ease-in-out duration-200 I write smoothTransition. Much smoother! Typically you'd write a CSS selector within the @layer utilities directive, like so: @layer utilities { .smoothTransition { transition-property: all; transition-timing-function: ease-in-out; transition-duration: 200ms; } } Enter fullscreen mode Exit fullscreen mode And this would certainly work just…

08 Jul

Taming the State Beast: React, TypeScript, and the Power of Redux

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, software

In the dynamic world of React applications, managing the application's state effectively can be a real challenge. As applications grow, components multiply, and data flows become intricate, maintaining order and predictability in how your application stores and accesses data becomes paramount. This is where state management solutions come in, and one of the most popular and robust libraries for this purpose is Redux. When combined with the type safety of TypeScript, you have a powerful toolkit for building scalable and maintainable React applications. Why State Management Matters: The Challenges of Shared State React's component-based architecture encourages developers to think in…

08 Jul

Setting your remote development environment

stp2y0 CommentsNewscoding, community, development, devops, engineering, inclusive, software, tutorial, vscode

Introduction At first, it works okay when you set your dev environment up and running. You might only need to run react dev server and next dev server. However, you'll see that things become slower when you run storybook dev server. What's worse, more components are added. Plus, you want to run unit/integration/e2e tests locally before making a pull request. Some developers might have a brand-new performant machine to handle all of them. Unfortunately, it wasn't me. To solve this issue, I looked into how to speed up my development environment. Buying a new local machine Most individuals choose this…

08 Jul

Implementing Secure Multi-Party Computation (SMPC) with NodeJs: A Practical Guide

stp2y0 CommentsNewscoding, community, datasecurity, development, engineering, inclusive, node, securecoding, smpc, software

Introduction In the modern digital landscape, privacy and security are paramount. Secure Multi-Party Computation (SMPC) is a cryptographic protocol that allows multiple parties to jointly compute a function over their inputs while keeping those inputs private. This technology has vast applications, including privacy-preserving data analysis and secure voting systems. In this blog, we'll explore how to implement SMPC using Node.js, making it simple and easy to understand with real-world examples. What is Secure Multi-Party Computation (SMPC)?SMPC is a subfield of cryptography that enables parties to collaboratively compute a function over their inputs without revealing those inputs to each other. The…

08 Jul

Explaining ‘this’ keyword in JavaScript

stp2y0 CommentsNewscoding, community, development, engineering, frontend, inclusive, javascript, programming, software, webdev

1. Global Context When used in the global context (outside of any function), this refers to the global object, which is window in browsers and global in Node.js.console.log(this); // In a browser, this logs the Window object 2. Function Context In a regular function, the value of this depends on how the function is called. a. Function InvocationWhen a function is called as a standalone function, this refers to the global object (in non-strict mode) or undefined (in strict mode). function foo() { console.log(this); } foo(); // In non-strict mode, logs the global object (Window in browsers) // In strict…