Giter VIP home page Giter VIP logo

jonsam-ng / fancy-front-end Goto Github PK

View Code? Open in Web Editor NEW
7.0 2.0 0.0 16.82 MB

Front-end source code reading, talk πŸ’¬ to excellent code.ε‰η«―ζΊη η²Ύθ―»οΌŒη²Ύθ―»react、vue3ζΊη γ€‚πŸ§‘β€πŸ’»πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Home Page: https://source.jonsam.site

License: MIT License

JavaScript 60.97% Shell 10.72% Vue 25.08% TypeScript 3.23%
react reactjs source-code-reading vue3

fancy-front-end's Introduction


100js

Fancy Front End

Front-end source code reading, talk πŸ’¬ to excellent code.πŸ§‘β€πŸ’»πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

🍁 Template | πŸ“– Documentation

🌐 δΈ­ζ–‡

🏠 Introduce

Since graduating, I've been constantly thinking about how to refine my JavaScript skills and broaden my horizon of front-end knowledge. After that, I confirmed that reading source code is the best way to get ahead quickly, so I spent a year continuously pushing the process of reading code.

From laying out a plan, to figuring out the skills of taking notes, to overcoming difficulties in reading code of some great frameworks, I learned a lot and was able to sink my teeth into it as I continued to challenge and explore πŸ’―. Fancy Front End is one such site, which is all about source code and the better progress of front-end developers.

πŸ§‹ Insights

Reading the source code is not an easy task, but it is definitely the most rewarding thing to do. πŸ‘

πŸ—£οΈ Slogan

Talking to great code! πŸ’˜

🎯 Targets

  • πŸ”₯ Learn the source code of the front-end progressive frameworks and experience the intrinsic laws and features of them.
  • πŸ”₯ Learn the source code of excellent tools and libraries for Web and NodeJS environments to build up links of knowledge.
  • πŸ”₯ Learn the skills of source code reading and improve the ability to learn new knowledge and complex knowledge.
  • πŸ”₯ Learn article writing skills, translate knowledge into easy-to-understand articles, and do more sharing.

πŸ“¦ Content

  • πŸ’‘ Framework: React source code drift, Vue3 source code reading.
  • πŸ’‘ Web-related: single-spa, qiankun, axios, etc.
  • πŸ’‘ Nodejs related: webpack, vite, etc.
  • πŸ’‘ Topics: more extended topics.

Note that the content here is constantly being updated. Reading the source code and writing the articles is a huge undertaking, and the articles and code are constantly being expanded and improved.

🎬 Getting Start

You can open Fancy Front End for a quick lookπŸ‘€.

If this project has piqued your interest in reading the source code or has given you something to think about, please feel free to share your thoughts and joys with me πŸ™‹ .

πŸ“… Plan

More reading plans will be updated here:

  • πŸš€ SolidJS

βš“ More Links

🍁 Template

This Repo is driven by πŸ’ͺ jonsam-ng/fancy-note-starter template.

πŸ–ŠοΈ License

MIT License Β© 2021 jonsam-ng

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.