Giter Site home page Giter Site logo

Continued Support for Slate? about slate HOT 9 OPEN

s10wen avatar s10wen commented on July 19, 2024
Continued Support for Slate?

from slate.

Comments (9)

alotoftype avatar alotoftype commented on July 19, 2024 7

@s10wen, at my organization we completely removed slate and implemented themekit and webpack which allowed for a bit more control. This has allowed us to get a better understanding of the tooling and allowed us to upgrade the dependencies referenced in slate. https://github.com/hayes0724/shopify-webpack-themekit offers some good direction as well as https://github.com/the-couch/slater.

from slate.

james2doyle avatar james2doyle commented on July 19, 2024 7

Screen Shot 2020-02-19 at 10 32 51 AM

I just had a back and forth with support and they are saying they don’t fully support themekit. Maybe this was incorrect but it seems concerning...

from slate.

chefjuanpi avatar chefjuanpi commented on July 19, 2024 1

I continue to use Slate and fix some bugs on my fork https://github.com/ChacunSonSite/slate I need dedicate some time to update the documentation for include the upgrades I do like full support for windows. I open to contributions and ideas

from slate.

chefjuanpi avatar chefjuanpi commented on July 19, 2024 1
  1. Full support for windows.
  2. Add webpack-bundle-analyzer, just use yarn build --analyze or yarn build -a. it helps to catch where the build can be optimized.
  3. Remove Slate-analytics (it's dead no one is reading this...)
  4. upgrade packages and rewrite the call when is necessary.

I'm block upgrading htmlWebpackPlugin the template is uncompatible, with the new version. I like to upgrade this for use better optimizations during buils. Now it's possible to use webpack optimization on slate.config.js something like:

if (process.env.NODE_ENV === 'production') {
  optimization = {
    splitChunks: {
      chunks: 'all',
      automaticNameDelimiter: '-',
      name: true,
      cacheGroups: {},
      minSize: 100000,
      maxSize: 200000,
    },
    mergeDuplicateChunks: true,
  };
}

it split the bundle into chunks (better for accelerating the time response and charge) but /snippets/script-tags.liquid and /snippets/style-tags.liquid only list the chunks, you need to manually insert the liquid code to optimize and organize the Js and css calls.

from slate.

s10wen avatar s10wen commented on July 19, 2024

@alotoftype cheers, I'll check this out!

from slate.

alotoftype avatar alotoftype commented on July 19, 2024

Why would they not support something they put out. Very concerning indeed

from slate.

s10wen avatar s10wen commented on July 19, 2024

https://github.com/Shopify/slate#-slate---end-of-support-january-2020 => "Slate was built upon Theme Kit". Looks like they want to concentrate on improving other areas first, such as the API and the 'Sections architecture' first: https://shopify.dev/tutorials/develop-theme-get-started-with-sections-architecture

Hopefully when they are developed a bit further, they'll pick it back up, or create something else more suitable for the new setup 🀞🏻

from slate.

jesster2k10 avatar jesster2k10 commented on July 19, 2024

@chefjuanpi What changes have you added so far? I'd ideally like to work with Slate since it's the best tool (IMO) for building Shopify Themes, without having to resort to a headless option.

from slate.

jesster2k10 avatar jesster2k10 commented on July 19, 2024
  1. Full support for windows.
  2. Add webpack-bundle-analyzer, just use yarn build --analyze or yarn build -a. it helps to catch where the build can be optimized.
  3. Remove Slate-analytics (it's dead no one is reading this...)
  4. upgrade packages and rewrite the call when is necessary.

I'm block upgrading htmlWebpackPlugin the template is uncompatible, with the new version. I like to upgrade this for use better optimizations during buils. Now it's possible to use webpack optimization on slate.config.js something like:

if (process.env.NODE_ENV === 'production') {
  optimization = {
    splitChunks: {
      chunks: 'all',
      automaticNameDelimiter: '-',
      name: true,
      cacheGroups: {},
      minSize: 100000,
      maxSize: 200000,
    },
    mergeDuplicateChunks: true,
  };
}

it split the bundle into chunks (better for accelerating the time response and charge) but /snippets/script-tags.liquid and /snippets/style-tags.liquid only list the chunks, you need to manually insert the liquid code to optimize and organize the Js and css calls.

That sounds great! Thank you πŸ™. I'll take a look at it and try it out. Leaning more towards this than setting up a custom webpack configuration, using another tool, or even going headless. I've been working with slate since the early beta and would much rather stick to what I know best.

If you put together a roadmap, I wouldn't mind making some contributions in my free time.

from slate.

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.