• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 Nov 25, 2019, 2:53 AM

    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 B 2 Replies Last reply Nov 25, 2019, 2:56 AM Reply Quote 5
    • S Offline
      sdetweil @joshwilsonvu
      last edited by Nov 25, 2019, 2:56 AM

      @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
      • B Offline
        BKeyport Module Developer @joshwilsonvu
        last edited by Nov 25, 2019, 4:30 AM

        @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 Nov 25, 2019, 2:15 PM Reply Quote 0
        • J Offline
          joshwilsonvu @BKeyport
          last edited by Nov 25, 2019, 2:15 PM

          @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 Nov 25, 2019, 2:19 PM Reply Quote 0
          • S Offline
            sdetweil @joshwilsonvu
            last edited by sdetweil Nov 25, 2019, 2:19 PM Nov 25, 2019, 2:19 PM

            @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 Nov 25, 2019, 3:53 PM

              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 Nov 25, 2019, 3:55 PM Reply Quote 1
              • S Offline
                sdetweil @joshwilsonvu
                last edited by Nov 25, 2019, 3:55 PM

                @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
                • C Offline
                  cowboysdude Module Developer
                  last edited by Dec 1, 2019, 2:02 AM

                  Very interesting… very. Keep us updated! Thanks

                  1 Reply Last reply Reply Quote 0
                  • E Offline
                    ezarlive
                    last edited by Dec 3, 2019, 1:59 PM

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

                    create-react-app

                    +1

                    J 1 Reply Last reply Dec 3, 2019, 7:44 PM Reply Quote 0
                    • J Offline
                      joshwilsonvu @ezarlive
                      last edited by joshwilsonvu Dec 3, 2019, 8:54 PM Dec 3, 2019, 7:44 PM

                      @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
                      1 / 1
                      • First post
                        1/10
                        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