MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Coming Soon: Faster, 100% Backwards-Compatible MagicMirror Alternative

    Scheduled Pinned Locked Moved General Discussion
    10 Posts 5 Posters 3.1k Views 12 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J Offline
      joshwilsonvu
      last edited by

      Hi all,

      I’m currently working on expanding what MagicMirror can do, using the React library and all of the modern tools available today.

      Big fan of MagicMirror here–I just completed my first smart mirror, a full length standing one, and I like it a lot. But as a web developer in 2019, I’ve seen how convenient a modern setup can be. Every time you update a file, the display updates instantly, without having to restart. When source code has errors, it’s displayed to the screen, with help on how to fix it.

      At the same time, the Magic Mirror manifesto makes it clear how much it values accessibility and simplicity, and the last thing I would want to do is change that. But with the rise of create-react-app, you can write React applications without worrying about any configuration! And, module developers can use TypeScript, Sass, and the newest JavaScript features to help them make powerful modules faster than ever before. Most importantly, a user can “open just one file and make a small modification and see how it works out.”

      It’s easy to see that the wide array of available modules is what makes this project so interesting, so existing modules will work. Copying over a config.js will work as well. The draw to this version, hopefully, will be easier module development and faster rendering and reloading.

      I’m interested to hear what people think of the idea, so any thoughts are appreciated. Thanks!

      S BKeyportB 2 Replies Last reply Reply Quote 5
      • S Offline
        sdetweil @joshwilsonvu
        last edited by

        @joshwilsonvu I’m interested

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • BKeyportB Offline
          BKeyport Module Developer @joshwilsonvu
          last edited by

          @joshwilsonvu If it could be done so that the ideas therein could be worked into the MagicMirror project as well - so people have a fair choice, I’m all in.

          The "E" in "Javascript" stands for "Easy"

          J 1 Reply Last reply Reply Quote 0
          • J Offline
            joshwilsonvu @BKeyport
            last edited by

            @BKeyport You mean merging these new features into the original project? Theoretically it should be possible, but as it comes with significant internal changes, it would be up to Michael. In the long run, it might be best to merge them so that the new React modules could work for current MagicMirror users, but this will be experimental for some time.

            Maybe it could live on another branch so users could type git checkout experimental to opt into the new features.

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @joshwilsonvu
              last edited by sdetweil

              @joshwilsonvu

              Maybe it could live on another branch so users could type git checkout experimental to opt into the new features.

              certainly this would be a good approach

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 2
              • J Offline
                joshwilsonvu
                last edited by

                In any case, it will probably be available first as a separate repository, for ironing out bugs.

                I’m debating whether to “hide” a lot of the code by putting it into an installable npm package, to leave it all in the repository, or somewhere in between. What’s more important: allowing users to see all of the code easily, or keeping it simple by hiding some of the complexity under the hood?

                S 1 Reply Last reply Reply Quote 1
                • S Offline
                  sdetweil @joshwilsonvu
                  last edited by

                  @joshwilsonvu if u can package it, wouldn’t be bad… just look in another folder…
                  just don’t min it

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 1
                  • cowboysdudeC Offline
                    cowboysdude Module Developer
                    last edited by

                    Very interesting… very. Keep us updated! Thanks

                    1 Reply Last reply Reply Quote 0
                    • E Offline
                      ezarlive
                      last edited by

                      @joshwilsonvu said in Coming Soon: Faster, 100% Backwards-Compatible MagicMirror Alternative:

                      create-react-app

                      +1

                      J 1 Reply Last reply Reply Quote 0
                      • J Offline
                        joshwilsonvu @ezarlive
                        last edited by joshwilsonvu

                        @ezarlive it uses a fork of create-react-app under the hood so all of the same features (and ones that come out in the future) will be there. Hoping to make developing a module a perfect starter project for people interested in React.

                        1 Reply Last reply Reply Quote 1
                        • 1 / 1
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy
                          OSZAR »