Forem: Arseny

Looking for a Strict Code Review: React 19 + TS + Zustand + TanStack Query #react #typescript #codereview #javascript

Arseny — Mon, 06 Apr 2026 22:21:17 +0000

I'm looking for a strict code review of my pet project — a user management application.

🔗 Repository Link

https://github.com/Arvik1982/MyUsersList

🎯 What the project does

An application for viewing, editing, archiving, and hiding user cards. Data is fetched from an API, and state is persisted to localStorage.

🧱 Tech Stack

React 19
TypeScript
React Router v7
Zustand
TanStack Query
React Hook Form + Zod
SCSS Modules + Vite

🔍 What I'd like reviewed (checklist)

[ ] Performance: proper use of useMemo, useCallback, component memoization, re-render optimization
[ ] TypeScript: no any, correct type inference, type guards, proper typing of props and state
[ ] Accessibility (a11y): semantic HTML, ARIA attributes, keyboard navigation, focus management
[ ] React 19 best practices: useTransition, useOptimistic, Actions, useFormStatus
[ ] Architecture: separation of concerns, custom hooks, logic isolation
[ ] Potential bugs: race conditions, memory leaks, async edge cases
[ ] Readability & maintainability: naming, folder structure, comments

📂 Key files for review (GitHub links)

src/router/router.tsx
src/components/UserCard/UserCard.tsx
src/pages/EditUser/EditUser.tsx
src/store/userStore.ts (Zustand)
src/hooks/useUsersQuery.ts (TanStack Query)
src/schemas/userSchema.ts (Zod schema)

❓ Specific questions for reviewers

How correct is the archiving/hiding implementation with localStorage persistence?
Is the router implementation correct?
Is src/store/usersStore.ts implemented correctly?
Is the useQuery usage correct?
Is the SCSS Modules usage correct?

✅ Already done

ESLint + Prettier + Husky configured
TypeScript strict mode enabled
Basic Zod form validation in place

I'd appreciate any feedback — from critical issues to stylistic nitpicks. Thanks!

react #typescript #codereview #javascript #react19

🛍️ IShop: Production-Ready E-commerce SPA (React 18, Vite 5, Redux Toolkit)

Arseny — Thu, 19 Feb 2026 19:26:38 +0000

Hey Dev.to community!👋

I want to share IShop — a learning project and demo application built with modern React tools. It's a educational example showing how to structure an e-commerce SPA with current best practices.

🛒 Live Demo: arvik1982.github.io/IShop

📦 GitHub Repo: github.com/Arvik1982/IShop (A ⭐ would be awesome!)

✨ Key Features

This stack is carefully chosen for developer experience and production stability:

⚡ Powered by Vite 5: Lightning-fast HMR and optimized builds.
🗂️ Redux Toolkit 2.2+ & RTK Query: Centralized state and efficient API data fetching/caching out of the box.
🧭 React Router v6: Seamless client-side navigation with the latest patterns.
📘 TypeScript Strict: Full type safety for a robust codebase.
📚 Storybook 8: An isolated environment to develop and document UI components.
🧪 Jest + React Testing Library: Ensures reliability with comprehensive unit/integration tests.
🎨 TailwindCSS Ready: Styling setup is done – just npm install and start using it.
🚀 Deploy Ready: Configured for easy deployment to GitHub Pages.

🛠️ Tech Stack at a Glance

Category	Tools
Core	React 18, TypeScript, Vite 5
State & API	Redux Toolkit 2.2, RTK Query
Routing	React Router v6.26
Documentation	Storybook 8.2
Testing	Jest 29, React Testing Library 16
Styling	TailwindCSS (Pre-configured)
Deployment	GitHub Pages

🚀 Quick Start (Get running in 1 minute)

# Clone the repository
git clone https://github.com/Arvik1982/IShop.git

# Navigate into the project
cd IShop

# Install dependencies
npm install

# Start the dev server (http://localhost:5173)
npm run dev

# In another terminal, launch Storybook (http://localhost:6006)
npm run storybook

# Run the test suite
npm test

🎯 Why Check This Project?

📚 Clean Code: Well-structured React components with TypeScript
🧪 Tests Included: See how to test React components & Redux
📖 Documentation: Storybook shows component usage
🚀 Modern Stack: All latest versions (React 18, Vite 5, RTK 2.2)
This is primarily a learning resource and demo project — great for understanding how different pieces fit together in a modern React application!

If you find it useful for learning or reference, please consider giving it a star ⭐!

👨‍💻 About Me

I'm Arvik1982, a developer passionate about React, React Native, and clean architecture. This project is part of my portfolio and learning journey.

GitHub: github.com/Arvik1982
More Projects: Check my repos for other examples

TwoScreens: React Native Navigation Study Expo + Tab Navigation + Screen Transitions Learning Project 🚀

Arseny — Wed, 10 Dec 2025 20:28:45 +0000

Hey DEV! 👋

Study project to master React Native navigation basics. Two screens with smooth transitions using Expo and React Navigation.

🎯 What I Built (Learning Focus)

📱 HomeScreen → Bottom Tab Bar (left icon)
🔔 NotificationsScreen → User profile tap navigation
✅ Expo Go ready (npx expo start)
✅ Native navigation stack + tabs

This is a deliberate simple project to practice:

React Navigation setup
Screen transitions
TabBar customization
Expo workflow

💻 Tech Stack

React Native + Expo
react-navigation/native
react-navigation/bottom-tabs
Expo Go for instant testing
Native screen transitions

🚀 Quick Start

git clone https://github.com/Arvik1982/TwoScreens.git
cd TwoScreens
npm install
npx expo start

📱 Demo Flow

HomeScreen (with user profile)
↓ tap profile name
NotificationsScreen

"FitnessApp — React Native Fitness Tracker with Charts (Live Demo)"

Arseny — Tue, 09 Dec 2025 08:58:02 +0000

💪 FitnessApp — React Native Fitness Tracker with Charts

What it does

Track workouts (exercises + weight + reps + sets)
Progress charts (line + bar charts 📈)
Workout history by date
Offline-first (SQLite)
CSV export

🚀 Quick Start (60 seconds)

git clone https://github.com/Arvik1982/FitnessApp.git
cd FitnessApp
npm install
npm run start

Features

✅ Workout logging (exercise/weight/reps/sets)
✅ Progress charts (line + bar)
✅ Date-based history
✅ SQLite offline storage
✅ CSV export
✅ iOS/Android responsive

Roadmap

🔄 Push notifications
🔄 Apple Health sync
🔄 Dark mode
🔄 Exercise videos

Live demo works! Stars & feedback welcome ⭐
GitHub

reactnative #expo #fitness #charts #javascript