development - CybAI news

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…

08 Jul

Open-Source Website Directory System AigoTools, Deploy Your Website Directory Site with One Click!

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, nestjs, nextjs, opensource, software

I have open-sourced a website directory system on GitHub that can automatically generate website information — AigoTools. By simply inputting the address of the websites to be included, the system can automatically take screenshots of the websites, crawl the website information, and process this information through a llm model. With this system, you can easily deploy a navigation site with 10,000+ URLs. GitHub: https://github.com/someu/aigotools AigoTools is an open-source template for a navigation website. In addition to basic site management functions, it can automatically collect site information,... youtube.com Core Features Site Management Automatic Site Information Collection User Management (Clerk) Internationalization Dark/Light…

08 Jul

Alarm Android permission & Receivers

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

English: android.permission.ACCESS_FINE_LOCATION: Allows the app to access the user's precise location (latitude and longitude) for calculating prayer times. android.permission.ACCESS_COARSE_LOCATION: Allows the app to access the user's approximate location (less precise than fine location). android.permission.VIBRATE: Enables vibration for notifications. com.google.android.gms.permission.AD_ID (Optional): Used by Google Mobile Ads (AdMob) to identify the device for advertising purposes (if you're using AdMob). android.permission.RECEIVE_BOOT_COMPLETED: Allows the app to receive a notification when the device boots up (useful for rescheduling notifications). android.permission.WAKE_LOCK: Allows the app to temporarily prevent the device from going to sleep while scheduling notifications. android.permission.SCHEDULE_EXACT_ALARM (deprecated in Oreo+): Allows scheduling notifications with precise timing (deprecated in…

08 Jul

Working on Something You Hate for 7 Years – How to Escape a Professional Crisis

stp2y0 CommentsNewscareer, coding, community, development, engineering, help, inclusive, learning, productivity, software

Have you ever found yourself with a feeling of emptiness, feeling some kind of melancholy that you can't explain? If the answer is yes, let me tell you that I have felt it too, and it hasn't been easy to turn it off. In this post, I want to share the personal and professional crisis that I'm going through and the things that I'm doing to escape it. Before continuing, let me tell you that I know how crazy this story is going to sound and how hard it is to believe it, but it's mine and it's the only…

07 Jul

Using useRef(), useState(), useEffect

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

Intro Render Cycle explanation useState explanation useEffect useRef explanation key differences useState Use Cases useRef Use Cases Conclusion Source link lol

07 Jul

Actually try on your job applications

stp2y0 CommentsNewsadvice, coding, community, development, engineering, inclusive, software

I know several companies (particularly startups) who are hiring right now, and because of the state of the market, they get tons of job applications coming in. Their small teams simply can't handle the massive influx sometimes, so they have to filter on things that may seem trivial to applicants. If you're going to apply to a company, big or small, I always tell people to actually write a cover letter, actually double-check your grammar, actually try to seem interested. I often get met with resistance, where folks say something like, "oh, but nobody actually reads a cover letter," and,…