Modularization best practice to common web development scenarios, applies to vue/react/... any framework

Overview

Licence TypeScript

Vite How-to Guide

There are plenty of tutorials on how to use vite to compile code written in latest and hottest technology, this guide is different. It is about how to split application into files/packages, how to use TypeScript to ensure compatibility, how to use Vite to link them back (either statically or dynamically). Demo code is written in plain old javascript using vanilla web api.

I write this "Vite How-to Guide" after I have read tons of Webpack/SSR/Typescript guide on the internet. They try to tell you a series of command to follow blindly without a understanding of the essential problems. Also the solution is coupled with specific frontend framework and plugins to be "one key solution". But all those encapsulation makes debugging harder. In this guide, I will tell you how to write minimal vite (without plugins) and typescript configuration to do it yourself. You know what is the essential problem, you understand the theory, you copy paste the solution, then you can modify it confidently when problem arises.

Owner
Tao Wen
function is all u need
Tao Wen
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

Start your next react project in seconds A highly scalable, offline-first foundation with the best DX and a focus on performance and best practices Cr

react-boilerplate 28.8k Sep 30, 2022
GeekTutor is your best source for web development tutoring and assistance

GeekTutor is your best source for web development tutoring and assistance. Each tutor has expertise on a variety of subjects. Users can view articles written by the tutors, and scheule sessions via email.

null 1 Sep 20, 2022
Building web, Electron, Cordova and Chrome apps, and cross-browser extensions with React, Redux and Webpack. "Write once, deploy everywhere" concept in practice.

CrossBuilder Building web, Electron, Cordova and Chrome apps, and cross-browser extensions that use Redux actions for messaging. Redux states are sync

Mihail Diordiev 488 Sep 8, 2022
Building web, Electron, Cordova and Chrome apps, and cross-browser extensions with React, Redux and Webpack. "Write once, deploy everywhere" concept in practice.

CrossBuilder Building web, Electron, Cordova and Chrome apps, and cross-browser extensions that use Redux actions for messaging. Redux states are sync

Mihail Diordiev 488 Sep 8, 2022
Scrimba React Props and Styling Practice

Scrimba React Props and Styling Practice Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts

Diaa M. Shalaby 2 Feb 16, 2022
React-practice - A tool which organize daily activites, and gives you a list where you can mark completed tasks

React Todo-app Todo-list Todo-list project: Todo is a tool which organize daily

Mithlesh kumar 5 Apr 18, 2022
Practice code-typing with top 1000 keywords of the most popular programming languages.

code-type Typing practice for programmers Practice code-typing with top 1000 keywords of the most popular programming languages. Getting Started These

Siddhesh Kothadi 31 Sep 12, 2022
🏗️ WIP React portfolio landing page using some common libraries, with planned Apollo integration into github API. (WIP)

?? React Portfolio Portfolio One-Pager made with ReactJs Live Preview Home background effect made with React-Particles ??️ Packages & APIs React graph

Matthew Jigalin 36 Sep 6, 2022
A set of useful components for common UI elements.

DEPRECATION NOTICE This repository has been deprecated in favor of: https://github.com/trufflesuite/drizzle drizzle-react-components A set of useful c

null 3 Dec 8, 2021
An ongoing curated list of frameworks, books, articles, talks, screencasts, recordings, libraries, learning tutorials and resources about React Native Framework Development.

React Native Development Welcome to React Native. An ongoing curated list of frameworks, books, articles, talks, screencasts, recordings, libraries, l

Paul Veillard 3 Feb 1, 2022