Fullstack development notes

Welcome to the Fullstack Development Notes! This repository is a personal collection of workshops, guides, and notes designed to help me (and hopefully others) stay up to date with modern fullstack development practices.

Note: Originally named Frontend Community Workshops Archive, this repository began as a collection of frontend-focused materials created during my time at OVO Energy/Kaluza between 2019 and 2022). It served as a fantastic way to learn, document, and share knowledge. As I transition toward fullstack development, I aim to update these materials with modern practices, add backend and infrastructure-focused content, and explore new areas of interest.

---

🚀 Content

Here’s an overview of the topics currently available in this repository:

Core Frameworks and Libraries

• Deno v1 Intro
  Learn the basics of Deno by building a simple REST API server, complete with tests.

• React Location Intro
  Explore React Location, an alternative to React Router. Plans to migrate to Tanstack Router are underway.

• React Query Intro
  Dive into Tanstack Query, one of the most powerful tools for managing server state, including infinite scrolling.

Animation and State Management

• Framer Motion Intro
  Simplify animations with Framer Motion for a smooth development experience (DX).

• Immer Intro
  Master immutability in JavaScript/TypeScript using Immer, a tool underpinning Redux Toolkit and Zustand.

• Zustand Intro
  Discover Zustand, a minimalistic state management library for React.

• XState Advanced
  Implement state machines with XState, using React and TypeScript for orchestration.

Cross-Platform Development

• Flutter Intro
  A beginner-friendly guide to Flutter, the framework for building cross-platform mobile apps.

• Ionic React Intro
  Build cross-platform mobile apps with Ionic React and leverage hardware features via Capacitor.

UI and Component Design

• React Table Intro
  Learn about headless UI design with Tanstack Table for building powerful data tables.

• Web Components Intro
  Understand the basics of Web Components with vanilla JavaScript, focusing on standards-based browser APIs.

Vue-Focused Topics

• Vue Intermediate
  A workshop on common use-cases with Vue.js, designed to get you up and running.

• Vue Advanced
  Explore the advanced Composition API for building functional Vue apps, moving beyond the Options API.

Svelte-Focused Topics

• Svelte Intermediate
  Build a more complex app with Svelte, exploring common use-cases.

• Svelte Advanced
  Advance your Svelte skills by working with Stores and TypeScript.

• SvelteKit Intro
  Use popular Meta-framework with Svelte helping you with building fullstack apps.

---

🛠️ Next Steps

This repository is actively evolving! Planned improvements include:

• Updating all materials to the latest versions of relevant tools and frameworks.
• Migrating all examples to TypeScript (where applicable).
• Enhancing workshops with comprehensive code coverage and deployment previews.

Your feedback and suggestions are always welcome. If you find these resources helpful or have ideas for improvement, feel free to drop me a message: radek.tomasek@gmail.com.

---

❤️ Acknowledgments

Thank you for taking the time to explore this repository. It’s a reflection of my passion for fullstack development and community learning. I hope these materials inspire and empower you on your learning journey!