Like it, make it a habit
preface
While JavaScript is great on its own, it’s also important to have corresponding ecospheres that make JS even better. Developers often like to rewrite the wheel when starting a new mid-range project, which is a bad strategy, and it makes sense to use third-party libraries. Because such libraries have a clear purpose, have longer generation iterations, and are easier to find solutions to problems, the main point is to improve development efficiency and shorten development cycles.
This is not to say that we should use third-party libraries for every project. At the beginning of our career, it’s good to be able to write your own code to learn. But in many projects, using libraries where it makes sense is a good strategy.
Here are 10 JS libraries that are well documented, very popular, and under constant maintenance.
1. Ramda
github:https://github.com/ramda/ramda
Documents: https://ramdajs.com/docs/
Ramda is a cool JS library for functional programming that currently has 18,000 stars on GitHub. One advantage of JS is that developers can choose between functional or object-oriented programming. Both approaches have their pros and cons, but if you like functional programming, make sure you check out Ramda.
The main functions are:
Invariant and side-effect-free functions
Almost all functions are automatically currified
Parameter is set to Ramda function to facilitate currization
2. Lodash
github: https://github.com/lodash/lodash
Documents: https://lodash.com/
Lodash remains one of the most popular and useful JS libraries. It saves you the trouble of dealing with strings, arrays, objects, and so on. It currently has 43,000 stars on GitHub.
Useful features: iterate over strings, objects and arrays to create compound function operations and test values
3. Moment
github: https://github.com/moment/moment
Documents: https://momentjs.com/
If you have to handle date manipulation, validation, parsing, or formatting, Moment is probably the best JS library. It’s light, it’s polished, it has 43,000 + stars on GitHub, and it works in browsers and Node.js.
Here are some examples of a Moment:
Everyone said resume no project to write, I will help you find a project, but also give build tutorial: github.com/qq449245884…
4. Highlight.js
github: https://github.com/highlightj…
Documents: https://highlightjs.org/
Highlight.js is a library for syntax highlighting, available on browsers and servers. It can be used with almost any Markdown and has automatic language detection.
Highlight.js will search for programming code between the <pre> <code> tags, trying to automatically detect the language and Highlight the syntax. It also supports different color schemes.
Below is an example of a code snippet written in JS and a common theme from the code editor
5. D3
github: https://github.com/d3/d3
Documents: https://d3js.org/
D3 is the most popular data visualization library and currently has 89,500 stars on GitHub. It uses Web standards and leverages the power of modern browsers to bring data to life.
6. Three.js
Github.com/mrdoob/thre…
Documents: https://threejs.org/
Three.js is an excellent JS 3D library that uses WebGL as its primary renderer, but also supports other renderers such as Canvas 2D, SVG and CSS3D. It has 58,000 stars on GitHub, and we can build really cool things with it.
7. Voca
github: https://github.com/panzerdp/voca
Documents: https://vocajs.com/
Voca is an excellent JS library for handling strings. There are currently 2,800 stars on GitHub. We can use it to manipulate strings such as changing case, trimming, pad, slugify, latinise, truncation, escape, etc.
Other features include:
Complete set of functions to manipulate, chop, format, escape and query strings
Documents that are easy to read and search
Supports a variety of environments, such as Chrome, Firefox, node.js
100% code coverage, no dependencies
8. Immutable.js
github: https://github.com/immutable-…
Documents: https://immutable-js.github.i…
Using immutable data structures has some major advantages, such as simplified application development, no defensive copying, and advanced caching concepts. Immutable. Js provides Immutable data structures such as lists, stacks, maps, collections, etc.
9. Hammer.js
github: https://github.com/hammerjs/h…
Documents: http://hammerjs.github.io/
Hammer.js is a JS library with 20,900 GitHub Stars that brings multi-touch gestures to Web applications. It is small, has no dependencies, and can recognize gestures generated by touch, mouse, or pointer events.
By default, it adds recognizers for clicking, double-clicking, swiping, pressing, and so on, but you can define your own set of such recognizers.
10. Leaflet
github: https://github.com/Leaflet/Le…
Documents: https://leafletjs.com/
Leaflet is a great JS library for creating mobile-friendly interactive maps. It’s open source, has 26,700 stars on GitHub, is very lightweight, and has all the features most developers need.
It works out of the box on all major mobile and desktop platforms, can be extended with plug-ins, and has a well-documented, simple API.
communication
Original link:
Segmentfault.com/a/119000002…Original text author: front end small wisdom
Source: SegmentFault