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 ?