MeteorJS Community
MeteorJS Community
  • 96
  • 14 197
Reactive Data Structures in MeteorJS Part 2 - Reactive Queue | MeteorJS Toutorial 2024
25 November 2024 #meteorjs #javascript #datastructures #reactivity #tutorial #programming #coding
MeteorJS brings client-side reactivity out-of the box. No matter which frontend you choose, you will always have an integrated reactivity that synchronizes your data to the frontend. This is one of the core strengths of MeteorJS.
In this tutorial we implement the classic queue data structure with reactive superpowers.
The data structures from this tutorial series are also available on GitHub: github.com/jankapunkt/meteor-reactive-data-structures
🕤 Timestamp
00:00 Introduction and goals
00:30 Open empty app and run the server
00:55 Implement the ReactiveQueue class
04:18 Create a new template for the queue
06:11 Add the template logic
08:10 Implement enqueueing the input
09:54 First try
10:24 Clear input and implemen dequeue
Subscribe to our channel to never miss a new tutorial and live stream!
Переглядів: 43

Відео

Reactive Data Structures in MeteorJS Part 1 - Reactive Stack | MeteorJS Toutorial 2024
Переглядів 93Місяць тому
18 November 2024 #meteorjs #javascript #datastructures #reactivity #tutorial #programming #coding MeteorJS brings client-side reactivity out-of the box. No matter which frontend you choose, you will always have an integrated reactivity that synchronizes your data to the frontend. This is one of the core strengths of MeteorJS. In this tutorial we implement the classic stack data structure with r...
MeteorJS 3.0 Microservice Tutorial 2024
Переглядів 1143 місяці тому
MeteorJS 3.0 Microservice Tutorial 2024
Tutorial How to Debug MeteorJS Apps in 2024
Переглядів 1413 місяці тому
Tutorial How to Debug MeteorJS Apps in 2024
MeteorJS Tutorial 2024 - Restrict Content Using Accounts and Roles (zero config)
Переглядів 1815 місяців тому
MeteorJS Tutorial 2024 - Restrict Content Using Accounts and Roles (zero config)
MeteorJS Tutorial 2024 - Create a Project with Meteor 3 + Vue 3 + Vite + Tailwind + Zero Config
Переглядів 5625 місяців тому
MeteorJS Tutorial 2024 - Create a Project with Meteor 3 Vue 3 Vite Tailwind Zero Config
Tutorial: You Can Build Microservices with MeteorJS in 2024
Переглядів 2235 місяців тому
Tutorial: You Can Build Microservices with MeteorJS in 2024
Showcase: lea.App - a mobile learning app using Meteor and React Native
Переглядів 916 місяців тому
Showcase: lea.App - a mobile learning app using Meteor and React Native
We’re taking a break this week… - TWIM: 10 May 2024
Переглядів 687 місяців тому
We’re taking a break this week… - TWIM: 10 May 2024
MeteorJS Tutorial 2024 - Create your own uptime monitor in 60 mins with fetch + React + Plotly.js
Переглядів 1799 місяців тому
MeteorJS Tutorial 2024 - Create your own uptime monitor in 60 mins with fetch React Plotly.js
MeteorJS Community Packages monthly planning meeting - February 2023
Переглядів 12Рік тому
MeteorJS Community Packages monthly planning meeting - February 2023
Meteor Community Packages - Year in Review 2022 - Meteor Impact 2022
Переглядів 5Рік тому
Meteor Community Packages - Year in Review 2022 - Meteor Impact 2022
MeteorJS community packages organizational meeting - January 2023
Переглядів 3Рік тому
MeteorJS community packages organizational meeting - January 2023
MeteorJS Community Packages organizational meeting - December 2022
Переглядів 8Рік тому
MeteorJS Community Packages organizational meeting - December 2022

КОМЕНТАРІ

  • @stephanemonnier7913
    @stephanemonnier7913 День тому

    On YesMadam topic, it is an advertisement campaign. It is not real.

  • @commonfolk663
    @commonfolk663 5 днів тому

    Episode 69 coming soon and it better be spicy 😮 It's always one of two, you either have naively simple job that still pays immensely, or you get paid for 8 hours of work and see colleagues lose up to 14 hours a day because it's never good enough for their fear of layoff

  • @storytellercz
    @storytellercz 26 днів тому

    Top 3 for me: changestreams, performance, offline support

  • @storytellercz
    @storytellercz 26 днів тому

    Instead of Reddis oplog we also have to see how changestreams are going to change the equation.

  • @thomastraum
    @thomastraum 26 днів тому

    Leonardo is right, just make realtime as good as possible and worry about the rest later

  • @simonagbey8685
    @simonagbey8685 Місяць тому

    ❤ love this always

  • @commonfolk663
    @commonfolk663 Місяць тому

    You guys are doing awesome stuff! Meteor is close to polished state, I hope it about to go big soon.

  • @simonagbey8685
    @simonagbey8685 Місяць тому

    Good lesson

  • @fredmaiaarantes647
    @fredmaiaarantes647 2 місяці тому

    Thanks guys! Means a lot! 🎉

  • @simonagbey8685
    @simonagbey8685 2 місяці тому

    Live ❤

  • @AlcottWendy-r6x
    @AlcottWendy-r6x 3 місяці тому

    Perez Ronald Allen Scott Davis Deborah

  • @dr-dimitru
    @dr-dimitru 3 місяці тому

    Blaze was great upon meteor's v1.0 launch and remains awesome in 2024. It is simple, straightforward, html+mustache syntax templating with all necessary hooks and controllers in JavaScript. Still love it, still using it. Thanks to both Jans and Daniel for its maintenance and long-term support ☄️☄️☄️

    • @meteorjscommunity
      @meteorjscommunity 3 місяці тому

      We'd also like to thank Radek for making Blaze async compatible!

  • @simonagbey8685
    @simonagbey8685 3 місяці тому

    Can please you do somethimg on eccomerce ?

  • @wanchope1991
    @wanchope1991 3 місяці тому

    Awesome, thanks for the shoutout 🎉

  • @MichaelScharf
    @MichaelScharf 3 місяці тому

    Great video but extremely annoying background music

    • @meteorjscommunity
      @meteorjscommunity 3 місяці тому

      Is it background music in general or the selection used?

    • @MichaelScharf
      @MichaelScharf 3 місяці тому

      ​@@meteorjscommunity it is music in general -- I find any kind of background music extremely disturbing. I watch videos at 1.5 or 2x speed and then the music is horrible, plus it requires much more concentration to mentally separate the speech from the background noise (I mean music)

  • @UdemyLearning-l9n
    @UdemyLearning-l9n 4 місяці тому

    Dear Friend, when i try to create the meteor project like your video it show the error like => Errors while creating your project While selecting package versions: error: Conflict: Constraint webapp@1.13.1 is not satisfied by webapp 2.0.1. Constraints on package "webapp": * webapp@~2.0.1 <- top level * webapp@2.0.0 <- meteor-base 1.5.2 * webapp@2.0.0 <- routepolicy 1.1.2 <- ddp-server 3.0.1 <- ddp 1.4.2 <- allow-deny 2.0.0 <- mongo 2.0.1 * webapp@2.0.0 <- routepolicy 1.1.2 <- ddp-server 3.0.1 <- ddp 1.4.2 <- meteor-base 1.5.2 * webapp@2.0.0 <- routepolicy 1.1.2 <- webapp 2.0.1 <- meteor-base 1.5.2 * webapp@2.0.1 <- ddp-server 3.0.1 <- ddp 1.4.2 <- allow-deny 2.0.0 <- mongo 2.0.1 * webapp@2.0.1 <- ddp-server 3.0.1 <- ddp 1.4.2 <- meteor-base 1.5.2 * webapp@2.0.0 <- autoupdate 2.0.0 <- hot-code-push 1.0.5 <- hot-module-replacement 0.5.4 * webapp@2.0.1 <- mongo 2.0.1 * webapp@1.13.1 <- vite:bundler 0.1.9 Conflict: Constraint caching-compiler@1.2.2 is not satisfied by caching-compiler 2.0.0. Constraints on package "caching-compiler": * caching-compiler@~2.0.0 <- top level * caching-compiler@2.0.0 <- caching-html-compiler 2.0.0 <- static-html 1.3.3 * caching-compiler@1.2.2 <- vite:bundler 0.1.9 Something has happened while creating your app using git clone. Will use cached version of skeletons. Error message: undefined so, what problem with this?

    • @meteorjscommunity
      @meteorjscommunity 4 місяці тому

      Hi, this looks indeed odd, especially the line about the skeleton and the caching. Troubleshooting this might be a bit more complex, therefore we highly recommend you to post this in the Meteor forums: forums.meteor.com as this might be of interest to others as well. Please don't forget to add your Meteor version (meteor --release) and the exact commands you entered and that resulted in the above error.

    • @meteorjscommunity
      @meteorjscommunity 3 місяці тому

      It looks like Meteor used an old skeleton for the Vue app. Can you please retry using the following commen: meteor create --release 3.0.2 --vue myNewVueProject

  • @meteorjscommunity
    @meteorjscommunity 4 місяці тому

    We hope you enjoyed the episode! Here are the timestamps: 00:00 - Introduction 00:35 - Show us your work! 02:35 - GitHub: private credentials accessible on private and deleted repositories 06:45 - StackOverflow 2024 survey results are in 09:10 - SQL in the future of MeteorJS 10:10 - 80% of developers are not happy in their job! 15:05 - We noticed weird effects on our YT view numbers and watch time! 16:43 - Why Hating TypeScript in 2024 Doesn't Make Sense 20:12 - Encore.ts - 9x faster than Express & 3x faster than Bun+zod 23:40 - Code Refactoring: 10 Lessons I Learned 26:20 - Let's build a chat from scratch with Meteor.js 3? 26:50 - UA-cam playlist "The Renaissance of Meteor" 27:12 - All jam packages have been updated for the official Meteor 3.0 27:50 - Getting started with Meteor 3 and React 28:32 - New Meteor roadmap??????? 30:31 - Is anyone still preferring Blaze over React? 32:14 - Understanding Meteor: Add Code Coverage to Tests with Mocha and Istanbul 44:40 - Jan miserably failed ;-D 50:52 - How coverage output should look like 50:54 - Wrap up on the fail and outlook 55:16 - Final wrap up

  • @camstuart
    @camstuart 4 місяці тому

    Is it possible to create the app with vue and typescript? Including ts in the vue components?

    • @meteorjscommunity
      @meteorjscommunity 4 місяці тому

      Hey @camstuart usually Meteor supports TS just by adding the TypeScript package but the Vue variant uses Vite as bundler so you might look into how it's done with any other Vue3+Vite framework. We will investigate the topic though!

  • @meteorjscommunity
    @meteorjscommunity 4 місяці тому

    Part 1 of the tutorial: ua-cam.com/video/f5yMax55dSc/v-deo.html&t 🔖 Timestamps: 00:00 - Introduction 01:31 - Meteor Software Big Promotion Gala in New York City 02:10 - ECMA script 2024 06:45 - Results of State of React 2023 08:23 - Dates for the upcoming "State of ..." surveys 09:23 - Change namespace for packages maintained by MCP???? 10:55 - Meteor Meteor great again 12:47 - Meteor 3.0.2 release coming next week? 13:51 - Galaxy Version 2 with DB metrics 14:29 - Renaissance of Meteor Event dates 15:59 - Blaze 3 released! What will its future be? 17:51 - New package! jam:offline 21:10 - OpenAI node package 4.53 released 22:15 - Showcase: Page Replica built with Meteor 23:59 - Guide to not blocking the event loop 25:27 - Better ways to use async functions in js article 27:30 - How to learn JavaScript - beginner step by step guide 30:01 - Live coding: Build a linktr.ee clone with Vue/Vite/Tailwind Part 2 - Backend 53:28 - Wrap-up and summary

  • @Lovefun558
    @Lovefun558 4 місяці тому

    Nice work. Excited for v3

  • @codedjango
    @codedjango 5 місяців тому

    I would like to understand if Meteor handles Vue SSR straight out of the box because the Vue3 docs dont talk much about the SSR capability. Would love to see a small tutorial of an SSR app with Vue3(js)+Vite+Meteor

    • @meteorjscommunity
      @meteorjscommunity 5 місяців тому

      Capabilities for SSR definitley exist, see v3-docs.meteor.com/packages/server-render however we didn't explore this for the vue3+vite stack in Meteor. Thanks for the input we will look if we can cover it in a future tutorial.

    • @JorgenVatle
      @JorgenVatle Місяць тому

      @@meteorjscommunity @codedjango Maybe a little late to reply to this - but there's now some working examples of SSR with Meteor, Vite and Vue available in the meteor-vite repository. It uses Vite's built-in SSR functionality, so no additional packages are necessary, just a config change.

  • @MichaelScharf
    @MichaelScharf 5 місяців тому

    I first heard about Meteor 2014 and started using it 2016 in about 10 Projects

    • @meteorjscommunity
      @meteorjscommunity 5 місяців тому

      Are you still using it?

    • @meteorjscommunity
      @meteorjscommunity 5 місяців тому

      Ah! Now that I put my glasses on and read your name…

    • @MichaelScharf
      @MichaelScharf 5 місяців тому

      @@meteorjscommunity still using it and looking forward to version 3.

  • @meteorjscommunity
    @meteorjscommunity 5 місяців тому

    Hey there, at 05:28 you should expect to see a border on the bottom of the headline but due to the screen color it's simply too light to be seen. If you do the tutorial on your own you will see that it works!

  • @simonagbey8685
    @simonagbey8685 5 місяців тому

    Hello salute all with ❤

    • @meteorjscommunity
      @meteorjscommunity 5 місяців тому

      Hello Simon!!! Thank you:) We love you dropping in!

  • @GabsFerreira
    @GabsFerreira 6 місяців тому

    Thanks for another episode, folks! It's been a pleasure to learn a bit from you every week :)

  • @MichaelScharf
    @MichaelScharf 6 місяців тому

    Really great that you have added chapters!♥

    • @meteorjscommunity
      @meteorjscommunity 6 місяців тому

      It's some effort but we try to add them to all new streams from now on

  • @harryadel3739
    @harryadel3739 7 місяців тому

    Hoooray!! Somebody has seen my list :D

  • @alanning55
    @alanning55 7 місяців тому

    Thanks for making the newsletter with the links!

    • @meteorjscommunity
      @meteorjscommunity 7 місяців тому

      Happy to accommodate our community :) Keep the feedback coming.

  • @storytellercz
    @storytellercz 7 місяців тому

    In my case I caught something even worse, so right now I'm in quarantine for the next 10 days, so I will see if I'll be even able to do my Monday show. This week I had to cancel it.

    • @meteorjscommunity
      @meteorjscommunity 7 місяців тому

      Oh no! Please take care of yourself and get better soon!

  • @simonagbey8685
    @simonagbey8685 7 місяців тому

    ❤🎉

  • @simonagbey8685
    @simonagbey8685 7 місяців тому

    Thanks for the 60$ offer, I was able to deploy my blog site which am working on it. God Bless You.

  • @simonagbey8685
    @simonagbey8685 7 місяців тому

    Community package for ssr is not supporting React 18, I don't know if it's me not getting it well, But with my React 18 meteor 2.15 it's given error when refresh browser. Please if there is a tutorial on that, I will happy to have the link paste here.

    • @meteorjscommunity
      @meteorjscommunity 7 місяців тому

      @simonagbey8685 would you mind opening an issue in the repository and pinging @storytellercz or @jankapunkt they surely can take a look at it

  • @simonagbey8685
    @simonagbey8685 7 місяців тому

    ❤ lovely program

  • @meteorjscommunity
    @meteorjscommunity 8 місяців тому

    Sign up today as a new Galaxy user and get $60 Galaxy credits for free! Got to meteor.software/dispatches-offer and enter the Coupon Code DISPATCHES-60

  • @storytellercz
    @storytellercz 8 місяців тому

    My Monday's stream about AI and the future of the industry (and society): ua-cam.com/video/VLjdqDmDkhA/v-deo.html

  • @booomfly
    @booomfly 8 місяців тому

    Did you know when Meteor dynamic import would work in Cordova target?

    • @meteorjscommunity
      @meteorjscommunity 8 місяців тому

      There is a forum post you might revive, if that topic is very important to you: forums.meteor.com/t/dynamic-import-for-web-cordova-not-working/55099/2

  • @vandenesik
    @vandenesik 8 місяців тому

    Promo*SM 💥

  • @LaurentRoger_lc3t35
    @LaurentRoger_lc3t35 9 місяців тому

    Thank you for the links that are now available in the description ! Missing link to meteor guide users and accounts at 25:31 Maybe you can add the time (mm:ss) before the link so the reader can jump directly to the video content will the previous videos be processed as well to add links in the description ?

    • @meteorjscommunity
      @meteorjscommunity 9 місяців тому

      Yes, we will do so but probably episode by episode; it takes a lot of time to rewatch and label.

  • @simonagbey8685
    @simonagbey8685 9 місяців тому

    ❤🎉 greate, things like this is very important

    • @meteorjscommunity
      @meteorjscommunity 9 місяців тому

      Thank you, we hope it helps people in a fun way

  • @LaurentRoger_lc3t35
    @LaurentRoger_lc3t35 9 місяців тому

    @jkuester what is the issue with meteor and jest ?

    • @meteorjscommunity
      @meteorjscommunity 9 місяців тому

      My last analysis on Jest was in 2020 and at that time it was not 100% possible to use Jest as Test-Runner as you would to with Mocha, for example. Did you figure out a way to use it?

  • @stephanemonnier7913
    @stephanemonnier7913 9 місяців тому

    Hello, Is it possible to publish also the live chat? Thanks

    • @meteorjscommunity
      @meteorjscommunity 9 місяців тому

      The live chat replay should be available during the video and update the same way it did during the live. Is that what you want? Apart from that I've found no "export" option in the UA-cam settings.

  • @ramonfox679
    @ramonfox679 10 місяців тому

    Promo_SM ✋

  • @meteorjscommunity
    @meteorjscommunity 10 місяців тому

    The Sunday (Feb. 4, 2024) stream where we discuss the predictions in detail will be at ua-cam.com/video/VzenCJWe98Y/v-deo.html - Join us!

    • @meteorjscommunity
      @meteorjscommunity 10 місяців тому

      If you have a camera and a microphone, and want to add your thoughts, let us know in the comments in the link above. We'll try to add you to the conversation. Hope to see you all there!

  • @Lesod_7
    @Lesod_7 10 місяців тому

    watching from Africa

    • @meteorjscommunity
      @meteorjscommunity 10 місяців тому

      Woo hoo! Good to see you Lesod! Where in Africa?

  • @bruceborrett
    @bruceborrett 10 місяців тому

    You need to fix Galaxy's pricing, its far too complicated and should be more in line with actual project growth .

    • @meteorjscommunity
      @meteorjscommunity 10 місяців тому

      Thanks for the feedback! Do you have a proposed method of how that would work? If you could provide some details and examples, I’m sure it would help MS evaluate your suggestion.

  • @meteorjscommunity
    @meteorjscommunity 11 місяців тому

    For those who wanted to know how to sponsor StoryTellerCZ, here is the link: github.com/sponsors/StorytellerCZ

  • @storytellercz
    @storytellercz 11 місяців тому

    Also let us know if you will be submitting papers or going to some conferences!

  • @LaurentRoger_lc3t35
    @LaurentRoger_lc3t35 Рік тому

    to deploy to galaxy, I'm using a specific Dockerfile, where is the template for meteor 3 (node20) ?

    • @meteorjscommunity
      @meteorjscommunity 9 місяців тому

      An official one or a community-managed one? I think quave has some Meteor3 Images and I also think there are some of the official ones on Dockerhub, too

  • @LaurentRoger_lc3t35
    @LaurentRoger_lc3t35 Рік тому

    please put all the links in the description !

    • @JanKapunkt
      @JanKapunkt 11 місяців тому

      We will add the links during the day