└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Learn by contributing
 2 | 
 3 | This is a list of open source projects I personally used to learn different aspects of Javascript development (backend and frontend).
 4 | 
 5 | It is very, **very** incomplete. I am trying to figure out an efficient way to discover and classify projects that others can learn by contributing. If you have any ideas, please help me!
 6 | 
 7 | Feel free to add your favorite project and what other can learn from it!
 8 | 
 9 | ## Javascript
10 | 
11 | ### Code Transpiling
12 | 
13 | https://github.com/babel/babel/tree/master/packages/babel-parser - learn how works javascript parser that powers popular tools like babeljs and prettier
14 | 
15 | https://github.com/kentcdodds/babel-plugin-macros - learn how to write a babeljs plugin
16 | 
17 | ### Architectural patterns
18 | 
19 | https://github.com/webpack/tapable - learn a generic hooks-based architecture that powers webpack
20 | 
21 | https://github.com/ncthbrt/nact - learn about nano-services from this NodeJS implementation
22 | 
23 | ## Frontend
24 | 
25 | https://github.com/GoogleChromeLabs/prerender-loader/blob/master/src/index.js - ???
26 | 
27 | https://github.com/tcoopman/image-webpack-loader -learn how to write a simple webpack plugin
28 | 
29 | https://github.com/willyelm/pug-html-loader - learn how to write a simple webpack loader
30 | 
31 | ### Animations
32 | 
33 | https://github.com/aholachek/animate-css-grid - learn how to animate complex layouts
34 | 
35 | ### Forms
36 | 
37 | https://github.com/nosir/cleave.js - learn how to format input text + how to create a library that works both for react and for angular
38 | 
39 | ## ReactJS
40 | 
41 | ### Hooks
42 | 
43 | https://github.com/streamich/react-use - an excellent collection of ReactJS hooks
44 | 
45 | ### Forms
46 | 
47 | https://github.com/jaredpalmer/formik - to learn all the aspect of effecient forms validation
48 | 
49 | ### Component libraries
50 | 
51 | https://github.com/mui-org/material-ui - you will learn how to create a large-scale, themable, high-quality components library
52 | 
53 | https://github.com/Semantic-Org/Semantic-UI - another example of large-scale and themable compontents library
54 | 
55 | ### State management
56 | 
57 | https://github.com/jamiebuilds/unstated - you will learn how to create simple and effective state management frameworks for ReactJS applications
58 | 
59 | https://github.com/GantMan/ReactStateMuseum - a compilation of different examples to managing state for ReactJS applications
60 | 


--------------------------------------------------------------------------------