Learn React by building a web app

The number one thing I’d like to strengthen is the process of building a react component for publishing on NPM. It’s way different from building something with create-react-app. I need a solution that has zero config, has HMR, the latest JavaScript and automatic deployment for demos on github pages. I have so many components I could publish, but just can’t be bothered to figure this out.

Re: Learn React by building a web app

#5

Post by zcoyle » Tue, Apr 10, 2018, 6:52 PM UTC

matte_black wrote: post #4

The number one thing I’d like to strengthen is the process of building a react component for publishing on NPM. It’s way different from building something with create-react-app. I need a solution that has zero config, has HMR, the latest JavaScript and automatic deployment for demos on github pages. I have so many components I could publish, but just can’t be bothered to figure this out.

I've been using nwb for that https://github.com/insin/nwb

Re: Learn React by building a web app

#6

Post by nkkollaw » Tue, Apr 10, 2018, 6:58 PM UTC

One thing completely missing from courses is how to handle animations.

Most React apps have no animations whatsoever (including mine, because I have no idea how to implement them), but they're important for usability IMHO.

Re: Learn React by building a web app

#7

Post by matte_black » Tue, Apr 10, 2018, 7:05 PM UTC

zcoyle wrote: post #5

matte_black wrote: post #4

The number one thing I’d like to strengthen is the process of building a react component for publishing on NPM. It’s way different from building something with create-react-app. I need a solution that has zero config, has HMR, the latest JavaScript and automatic deployment for demos on github pages. I have so many components I could publish, but just can’t be bothered to figure this out.

I've been using nwb for that https://github.com/insin/nwb

Awesome, I might really enjoy this.

Re: Learn React by building a web app

#8

Post by amriksohata » Tue, Apr 10, 2018, 7:06 PM UTC

I fear that by the time I'm good enough at react, another library will come out

Re: Learn React by building a web app

#9

Post by DimitriMikadze » Tue, Apr 10, 2018, 7:07 PM UTC

matte_black wrote: post #4

The number one thing I’d like to strengthen is the process of building a react component for publishing on NPM. It’s way different from building something with create-react-app. I need a solution that has zero config, has HMR, the latest JavaScript and automatic deployment for demos on github pages. I have so many components I could publish, but just can’t be bothered to figure this out.

Hey! I have edited create-react-app to build React libraries with it, it has exactly same features as CRA.

https://github.com/DimiMikadze/create-react-library

Re: Learn React by building a web app

#10

Post by Sakes » Tue, Apr 10, 2018, 7:07 PM UTC

nkkollaw wrote: post #6

One thing completely missing from courses is how to handle animations. Most React apps have no animations whatsoever (including mine, because I have no idea how to implement them), but they're important for usability IMHO.

I'm literally working on a lib to solve this right now, specifically to be used with react-router. If you want I can contact you when finished and you can give it a whirl.

Implementation will look something like