What I'm Learning

List of topics I'm learning or practicing.

Prototypes exemplifing concepts or tools, for future use and reference.

Frontend

UI Framework Concepts

• React props + state
• React basic hooks (useRef, useState, useEffect)
• React forms
• React simple CRUD
• React children
• React Router
• React PropTypes
• React + Typescript

State Management

• Local Storage
• React custom route
• React Context API + useContext
• React useReducer
• React.memo, useMemo and useCallback hooks
• Redux hooks (useDispatch, useSelector)
• Redux Async (Redux Thunk, Request/success/failure pattern)

Data manipulation

• API consumption
• Axios data fetching
• Data fetching error handling
• Consuming Promises with Async/Await
• Chart manipulation
• React + TypeScript + Context API hooks
• Algorithm Diagram
• File parsing
• UUID
• Redux-Saga
• React-Query
• Custom hooks (useFetch)
• Error Boundaries
• Google Maps API

Configuration

• Enviroment variables
• Standard code style
• Airbnb + EsLint
• Standard + EsLint
• Prettier + EsLint
• Linting + Formatting scripts
• Absolute Imports
• Barrel file architecture

Styling

• React-Bootstrap
• Styled-components
• Materilize CSS
• SASS post processor
• GSAP animations
• Advanced transition animations
• Material UI
• Storybook
• Theming

UX Best Practices

• Pagination
• Loading indicator
• File Minification
• Drag & Drop
• Wireframing
• 404 page
• Image lazy loading (React Lazy + React Suspense)
• React Progressive Web App (PWA)
• i18n (Internationalization)

Server

• Express REST API
• JSON Web Tokens (JWT) authentication
• NestJs + Next.js
• NestJs + Angular + TypeORM
• Google sign-in authentication
• AWS Lambda functions
• Load Balancer
• Queue management
• Notification system
• Email templating
• Workers' data sync
• Socket.io
• Google Pay API
• Stripe API
• PDF Conversion system
• Data Scraping

Database

• MongoDB + Mongoose
• MongoDB + Prisma
• MySQL + Sequelize
• GrapgQL + Apollo client
• Firebase + Firestore
• Databases Integration (Merge, Convert, Consolidate)
• Data cleaning with ETL Process
• Data Warehouse + OLAP Cube
• Batch/CRON Job
• SQL Trigger
• Stored Procedure
• Migration Script
• Scheduler with Bull
• Automated Database Backup

Optimization Techniques

• Memoization
• Gzipping and compression
• Database Indexing
• Redis caching
• Webpack bundling
• Primary/Replica architecture

Coding Best Practices

• Clean Code
• Unit Testing
• End-to-End Testing
• Model–View–Controller (MVC)
• Domain-Driven Design (DDD)
• Kafka Distributed Event Streaming
• Accessibility

DevOps

• Heroku deployment
• Shell scripting
• Docker containerization
• Kubernetes orchestration
• AWS services
• Terraform automation
• Ansible automation
• Git Flow
• GitHub Actions pipeline
• Code Quality validation (SonarQube)
• Package Managing Automation

Web Security

• OWASP Top 10
• IP Tables Rules
• Web Application Firewall (WAF)
• Digital Signature authentication
• Password Encryption
• Virtualization
• SSL Tunneling
• DMZ Network
• VPN access
• DNS configuration

2D Programming

• Canvas + Collision + Points system
• Canvas modeling
• Level system
• Texture + Sprites

3D Programming

• Blender 3D modeling
• Three.js 3D manipulation
• Model animation with GSAP
• Custom Shader