All geek questions in one place

What combination of Javascript / Css / HTML frameworks and libraries do you recommend?

I want to upgrade my web development with some cool libraries, but there are so many tools that do different things, often with overlap, which are hard to solve.

I am not interested in one framework, but more in the combination of various tools that work well together. I looked at discards and normalizers, templates, HTML frameworks and a grid, CSS development frameworks, CSS frameworks, Javascript frameworks, DOM manipulation, AJAX, resource loading, discovery of functions and user interface libraries, Javascript toolkit, -processors and client preprocessors and frame generators; This is a wonderful chaos.

I also look forward to using SASS and Coffeescript or something similar, so combos would be nice too.

Update: I decided to use jQuery to manipulate the DOM, and I would also like to appreciate some kind of kickstart / bootloader.

+4
source share
4 answers

Obviously, the answer here depends significantly on what you are building. If you are really developing interfaces and creating single-page web applications, I would recommend reading the Addy Osmani blog . He recently blogged and talked a lot about javascript MVC / MVP / MVVM, and also scaled javascript applications.

If you need a laundry list, read this article where it gives its perfect stack:

  • Backbone.js for lite MV *
  • Required text add-on Require.js + AMD + RequireJS (to support external template management)
  • Backbone.js LayoutManager (if you need more intelligent layout management)
  • jQuery to control the DOM.
  • Handlebars.js for templates, if you aren’t doing something simple, in this case choose Micro-templating Underscore
  • r.js to handle script optimization
  • Jasmine + Jenkins for testing and CI
  • Node.js + Express (speaking of Node, Miller Medeiros has an excellent record on how to use it as a build script)
  • MongoDB as a noSQL data warehouse

This is surprisingly close to what I use myself, and I can confirm the quality of these libraries and this is like a solution to the whole stack.

+5
source

Depends on what. Use what you know best!

However, here are some guidelines ...

Feather weights

For quick, no-frills and no over-development, I would recommend:

  • Underscore for general JavaScript development
  • BackBone for client / server communications (using jQuery or Zepto.js for AJAX calls) and designing your models and event buses.
  • Jasmine for testing JS
  • SASS for CSS cooler
  • HTML structures, what is it? :)

CoffeeScript is really great if you want to go down this road. If you are interested in CoffeeScript , you can take a look at Google Dart , but this is fairly recent.

Heavy weights (including batteries)

If you are creating a rather complex web application (here we are talking more about lines of thousands of lines of code), you need to take note of it, in which case I recommend you to look:

Dojo and Closure strong> can be integrated into complex building systems, and their compilers will allow for good modulation of your code base, preventing it from easily getting an optimized version. They also contain their own module loading system, so you will not need additional libraries such as Require.JS, and will only load the parts that you explicitly tell them if you are using a custom assembly. But be careful, they are definitely more practical and have a steeper learning curve.

Google Closure Tools is certainly very comprehensive and, like batteries, are included, but they don’t necessarily facilitate your development: they give you strength, but you need to know what you are doing.

Bootstrappers / kickstarters

Some solutions offer to “launch” your project and prepare for you a collection of some of the above tools, sometimes offering you some customization, so you can easily get started and don't have to maintain your own kickstart up to date with new versions:

WARNING: I have not really tried these kickstarts myself.

+7
source

jQuery for JavaScript. Many great UIs for the UI besides the jQuery API code that hides browser differences in the DOM.

0
source

  • Angular JS - Amazing. MVC Framework, Great for Fast SPA

  • jQuery - DOM manipulation - good for effects (fade, switch, etc.)

    Do not rely on it too much.

  • Angular JS, jQuery - Some claim they work well together.

  • Backbone.js

  • ember.js

  • React.js - uses JSX, not JS, but almost the same

<script type='text/jsx'> //JSX </script>
0
source

Source: https://habr.com/ru/post/1399489/

More articles:


All Articles