DEV Community

Cover image for Building a Notion-like system with Socket.io And React 😍

Building a Notion-like system with Socket.io And React 😍

Nevo David on October 24, 2022

What is this article about? We are going to build a knowledge system like Click-Up and Notion. You will be able to add posts, write comm...
Collapse
 
caprilucas profile image
CapriLucas •

Great post. Very interesting for learning some new tools as novu and socket.io
Check that you've written the next code:

//👇🏻 In server/package.json"
scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon index.js"
  }
Enter fullscreen mode Exit fullscreen mode

The first double quote should be on the second line instead of being on the first one

Collapse
 
nevodavid profile image
Nevo David •

Sorry for that 😣
Thank you for the catch 🎉

Collapse
 
spock123 profile image
Lars Rye Jeppesen •

This was cool (except for React :) ) thanks

Collapse
 
nevodavid profile image
Nevo David •

What, don't you like React? :D

Collapse
 
spock123 profile image
Lars Rye Jeppesen • • Edited

I do, there are just some things I have a hard time loving.

The hooks are a hack to solve bad overall design they cannot change now, I never will learn to love jsx/tsx, it just invites script kiddie code.
Having to resort to ugly hacks like "className" is horrible etc.

I love NextJS but not React I must admit. I love observables and once you embrace the reactive way with rxjs, it's so hard to go back to oldfashioned promises. Oh well, enough negativity lol. Have a great weekend everybody

Collapse
 
nevodavid profile image
Nevo David •

Have you registered to the webinar on Wednesday? 👇
github.novu.co/notion

Collapse
 
brunowinck profile image
Bruno Winck •

It asks for a code to watch the replay. Can you help?

Collapse
 
ideakaran profile image
Karan •

Hey David, Can yo plz provide passcode to the watch the video

Collapse
 
kurtissfrost profile image
Kurtiss Frost •

This is super cool. Once I get the necessary skills, I will definitely give this a go. Very cool tutorial 😁

Collapse
 
nevodavid profile image
Nevo David •

Thank you very much Kurtiss 🤩

Collapse
 
opeyemidy profile image
opeyemidy • • Edited

Great post, I plan on using novu to manage notification and messaging on the current project I'm working on

Collapse
 
nevodavid profile image
Nevo David •

Awesome! Where can I see it? :D

Collapse
 
milanx profile image
Milan Mohapatra •

How your code blocks are so colourful

Collapse
 
maj07 profile image
Majuran SIVAKUMAR •

You should add javascript (or any other language) after the 3 quotes

Collapse
 
sdp971 profile image
sdp971 •

Amazing post. Is it possible to have the password to watch the video please ?