Svelte is the most beautiful web framework I've seen

Post by mixedCase » Tue, Jul 02, 2019, 7:28 PM UTC

ScottFree wrote: post #71

benatkin wrote: post #48

Interesting that the custom element appears to just take a single JavaScript object as a parameter: In JSX this would be either: or: This is almost as ergonomic as JSX except for attributes like checked where the value is omitted. It might encourage some refactoring, compared with React, because the thought of putting attributes in a variable and adding them as a spread might occur more often when seeing an object be…

Am I the only one who would rather write the following instead of JSX? Board.draw(game) or drawBoard(game)

Post by bartq » Tue, Jul 02, 2019, 7:34 PM UTC

fasterdom wrote: post #28

I have a table of 100 rows x 10 columns mostly of numbers which change 10 times a second (think trading). The source data sits in an array of objects. On each update, I need to update the table cells with the latest values from the source array. The content of each cell can change, possibly it's css class too (from red it become blue for example). I'm using Vue/Bootstrap-Vue table at the moment, but it's quite slow.…

  
    const rows = 100,
      cols = 10,
      table = Array.from({ length: rows }).map((_, i) => Array.from({ length: cols }).map((_, j) => ({ i, j })));
    console.log(table);
    setInterval(function() {
      let cell = table[Math.floor(Math.random() * rows)][Math.floor(Math.random() * cols)];
      cell.i = Math.floor(Math.random() * 100);
      cell.j = Math.floor(Math.random() * 100);
    }, 1);
  

  
    
      cell.i + ":" + cell.j
      
    
  

Post by [deleted] » Tue, Jul 02, 2019, 7:48 PM UTC

langitbiru wrote: post #122

So I just read about "Choosing Boring Technology" before coming into this thread. I guess React.js is the boring technology (already 5-6 years) one and Svelte is the new and exiting one! :)

Post by ducaale » Tue, Jul 02, 2019, 8:07 PM UTC

yodon wrote: post #10

_0o6v wrote: post #5

Earlier quoted context omitted.

Using JS ternaries for conditional rendering doesn't feel natural to me at all

Ok, I should probably edit my comment to "JSX/TSX feels so incredibly natural except for needing to use JS ternaries for conditional rendering" because seriously what were they thinking there?

Post by ajflores1604 » Tue, Jul 02, 2019, 8:35 PM UTC

hamilton wrote: post #109

As someone who has built a number of data products w/ React, I decided to give Svelte a try a few months ago. At this point I am using it on some internal projects to great success & ease and probably wouldn't go back to React for newer projects unless there was a compelling reason to (eg collaboration w/ other React devs). As a disclaimer, I admire the React community + devs and think React has made a lot of hard th…