realworld VS ts-redux-react-realworld-example-app

If you want a project that is well defined but a step up from a tutorial, check out https://realworld-docs.netlify.app/

If you want a more complicated web app you need a problem to solve that requires some business logic. My favorite go-to example to show off to people is https://realworld-docs.netlify.app/ which is basically a clone of medium.

Consider the Makefile:

Maybe you need to tweak the tsconfig.json? I've tested tsserver in this codebase and it worked fine (for my standards). Here is the config I used.

We will use ts-redux-react-realworld-example-app project which implements the front-end in TS for realword app using React/Redux.

In this example I wanted to find out: "what happens if I click the publish button when creating a new article?" inside the React RealWorld App (GitHub) If this process brings up new questions, I write them down and try to answer them in a collapsible text block. Sometimes I decide to postpone answering a question. Then I mark this question with a "🤔" emoji, so I don't forget that I haven't answered it yet. In this example I asked myself the question: "Why do we set state.submitting flag to true . Which part of the app code reacts to this state? " I assumed this flag could trigger something relevant in the code, but it turned out it only disables the editor form.

probably you can take a look on an example like this : https://github.com/angelguzmaning/ts-redux-react-realworld-example-app