GithubHelp home page GithubHelp logo

anhchangvt1994 / vite-project--template-react-ts__react-router Goto Github PK

View Code? Open in Web Editor NEW
21.0 3.0 0.0 120 KB

Advanced Structure for vite with combo react, react-router-dom, styled-components, polished and ts. It contains advanced env support, integrate tailwindcss, easy and clearly to split chunks, external cdn url for node dependency. And some project's formatter like eslint, editorconfig, prettier, lint-stage, husky, commitizen

Shell 0.39% JavaScript 42.05% TypeScript 54.06% HTML 0.53% CSS 2.98%
commitlint editorconfig env eslint external-dependency git-emojis husky lazy-loading prettier react

vite-project--template-react-ts__react-router's Introduction

linkedin CV

MasterHead

☀️ By failing to prepare, you are preparing to fail.
☀️ Even if you expect to fail, it's still better to try than to give up.

Benjamin Franklin and Robin Sharma

My skills

Most Used

Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge

Commonly Used

Static Badge Static Badge Static Badge Static Badge

Less Used

Static Badge Static Badge Static Badge Static Badge

🧑‍💻 Personal Projects

  1. Light-house auto optimization boilerplate - Webpack, Vue, Typescript, Express, Fastify, uWebSockets and Puppeteer

  2. Light-house auto optimization boilerplate - Webpack, React, Typescript, Express, Fastify, uWebSockets and Puppeteer

  3. Light-house auto optimization boilerplate - Vite, Vue, Typescript, Express, Fastify, uWebSockets and Puppeteer

  4. Light-house auto optimization boilerplate - Vite, React, Typescript, Express, Fastify, uWebSockets and Puppeteer

  5. Light-house auto optimization service - Typescript, Express, Fastify, uWebSockets and Puppeteer

  6. Web-Frontend boilerplate - Webpack, Vue and Typescript

  7. Web-Frontend boilerplate - Webpack, React and Typescript

  8. Web-Frontend boilerplate - Vite, Vue and Typescript

  9. Web-Frontend boilerplate - Vite, React and Typescript

Short description:

Build a Web-Frontend boilerplate and Light-house auto optimization proxy server. These projects will help :

  • Provide configuration to optimize performance using Webpack / Vite (better chunk splitting, compression, formatting, syntax checking, and commit checking)
  • Provide automatic optimization Lighthouse score.
  • Provide SEO ability for CSR frontend frameworks.

Note :

The personal projects I listed above belong to the group of projects that build scaffolding to support web-frontend developers. It provides convenience, optimization, stability, and time-saving for developers, helping them focus more on Business Logic, UI, and UX code. There are always templates available on the market like this, for example, when using Vue there will be VueCLI, React will have Create React App, even Vite has a repository of templates for you to choose from. And these personal projects of mine are exactly the "wheel" in the phrase "why are you reinventing the wheel?", but I am proud that I know how to make the best quality wheels for myself, and hopefully for many more people.

If you are interested in knowing more about UI/UX projects that I have participated in, you can check out the websites that I have attached in the introduction of my work process at companies, specifically at Fado (Miczone Group), Go2Joy company, Vietry Co.,LTD. And some freelancer websites that I will list below.

🧑‍💻 Freelancer and UI/UX Projects

  1. ShopTocXinh - HTML, CSS, Javascript and JQuery for UI/UX
  2. Opia is a personal UI/UX project, this project contains a design created by myself, and UI/UX by myself
  1. FVNBox JQuery plugins. This project is also a "wheel" and I have created it with all the passion of my youth, when I was just starting out in the profession.
  2. VietKiem 3D - NextJS 13, styled-components, yup, React Hook Form for UI/UX

Contact information

📬 [email protected]

📄 CV

☎️ +84 (94) 862-1519

vite-project--template-react-ts__react-router's People

Contributors

anhchangvt1994 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.