milksense

name	description
no-use-effect	Enforce the no-useEffect rule when writing or reviewing React code. ACTIVATE when writing React components, refactoring existing useEffect calls, reviewing PRs with useEffect, or when an agent adds useEffect "just in case." Provides the five replacement patterns and the useMountEffect escape hatch.

No useEffect

TypeScript 5.x to 6.0 Migration Guide

TypeScript 6.0 is a transition release bridging 5.9 and the forthcoming 7.0 (a native Go port). Most changes are new defaults and deprecations preparing for 7.0. Here is what you need to do:

Most projects need these tsconfig changes:

{
    "compilerOptions": {
        "types": ["node"],           // @types are no longer auto-discovered (see §1.6)

Web Animation Best Practices & Guidelines

Document Purpose

This is a comprehensive reference guide for creating high-quality web animations. Use this as a knowledge base for implementing animations in web applications. All principles, timing values, and easing functions provided here are production-tested and ready to use.

Core Principles

Principle 1: Natural Motion

Install this extension: Custom CSS and JS Loader
Create vscodestyle.css file somewhere on your system with this content:

.monaco-workbench .part.titlebar {
  position: relative;
}
.monaco-workbench .part.titlebar::before {
  content: "";
  position: absolute;
 top: 50%;

	import { ThemedText } from "@/components/themed-text";
	import { BottomSheet, Button, Host, Slider } from "@expo/ui/swift-ui";
	import { frame, offset } from "@expo/ui/swift-ui/modifiers";
	import { Canvas, Fill, Shader, Skia, vec } from "@shopify/react-native-skia";
	import { useState } from "react";
	import {
	PlatformColor,
	StyleSheet,
	useWindowDimensions,
	View,

	import {
	backButton,
	emitEvent,
	init as initSDK,
	initData,
	isTMA,
	miniApp,
	mockTelegramEnv,
	retrieveLaunchParams,
	setDebug,

	class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	enableEdgeToEdge()
	setContent {
	BorderPathTheme {
	Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
	Box(
	modifier = Modifier
	.fillMaxSize()

	package com.example.compose_debug

	import androidx.compose.animation.EnterTransition
	import androidx.compose.animation.ExitTransition
	import androidx.compose.animation.core.CubicBezierEasing
	import androidx.compose.animation.core.Easing
	import androidx.compose.animation.core.FastOutLinearInEasing
	import androidx.compose.animation.core.FastOutSlowInEasing
	import androidx.compose.animation.core.LinearOutSlowInEasing
	import androidx.compose.animation.core.PathEasing

	@Composable
	fun TextTransition(textAndColor: Pair<String, Color>) {
	AnimatedContent(
	targetState = textAndColor,
	transitionSpec = {
	fadeIn() togetherWith fadeOut()
	}
	) { (text, color) ->
	Row {
	text.forEachIndexed { index, char ->

	{
	"css.customData": [".vscode/tailwind.json"]
	}