Coder Social home page Coder Social logo

Library challenges about mimic HOT 5 CLOSED

morsdyce avatar morsdyce commented on September 24, 2024
Library challenges

from mimic.

Comments (5)

morsdyce avatar morsdyce commented on September 24, 2024

Thanks!

I was toying with the idea of exporting 2 separate packages from the library.

you could require 'shredderjs/api' to only include the programmatic interface
and you could require 'shredderjs' to include the UI package as well.

need to test it out if its feasible.
But in that case it doesn't matter which frontend framework we use since its transparent to the user (we inject ourselves to the page without him needing to configure anything).
which should work with any framework.

If we use flexbox we might have to drop IE10 too unless prefixer knows how to deal with the conversion to the old flexbox model and hope we don't hit any edge cases (we probably will).

I think the simplest solution would be to use bootstrap along with a custom theme that we'll create (or slightly modify) which will make it work anywhere and will generate less work until we are ready for a serious design revision.

from mimic.

alexilyaev avatar alexilyaev commented on September 24, 2024

Are we going to support loading the library as plain <script> tags?
How would the split libraries work in that case?

Autoprefixer handles it well, I don't think it's an issue.
The problem with loading 3rd party CSS is that it affects the whole page, unless there's a way to prefix all of Bootstrap in the custom build.

About Angular, it would make the library big, that means it could slow the load time (or not?).
And, does Angular 2 exposes itself to the global scope or is everything imported?

from mimic.

morsdyce avatar morsdyce commented on September 24, 2024

I'm pretty sure you can add prefix to bootstrap classes via scss, all of our css should be prefixed either way.

Currently I setup webpack to output as a commonjs library (it supports <script> tags as well).
I think we can generate 2 bundle files, 1 with everything and 1 with just the API part.
But don't take my word for it, need to test it out.

from mimic.

alexilyaev avatar alexilyaev commented on September 24, 2024

So we need to check if we can add Bootstrap with custom prefix to all of it's CSS.

from mimic.

morsdyce avatar morsdyce commented on September 24, 2024

Just to update, I've researched if we can use bootstrap in a way that will never bother the end user or us and it seems the answer is no.

I guess we'll just have to use custom css

from mimic.

Related Issues (20)

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.