5 ms·

Show HN: 30 Days of React

190 points by jashmenn 10y ago

deleted 10y ago
[deleted]
Zombieball 10y ago
I'd love it if a series like this was made where a React website and React Native app were made in tandem. Suggestions for project layout and architecture would show you how to reuse core business logic between both apps. Perhaps even the view layers could have some overlap? I currently work on a team that supports multiple native Android apps and an Angular 1.X web app. The ability to reuse code in this fashion is the biggest lure to React for me. I've seen a few blog articles that cover this topic at a shallow level. If anyone has resources they could share it would be much appreciated.
- zackify 10y ago
  Not OP, fyi If I only had more time... I'd love to write a guide on that. That really is a great idea! I recently copied the entire state management part (done with redux) to a react native app and it just worked. Was a really cool thing to see. If I had RN in mind when I first made the site, it could have even more reuse.
- bauser 10y ago
  @author here: What a great idea. I think that's something we can make happen in a future book.
  - Zombieball 10y ago
    That'd be awesome! I'll keep an eye out.
- fourstar 10y ago
  https://github.com/este/este https://github.com/este/este is what you want Just git clone and start playing around with it. Great docs as well.
  - Zombieball 10y ago
    Awesome, I gave it a quick glance. This line from Readme makes me happy: > code shared across platforms (browser, server, native mobile) I'll definitely have to take a closer look. Thanks!
    - Longhanks 10y ago
      As someone who appreciates apps that tailor to each specific platform and respect that platform's unique features and guidelines, this scares me.
      - sb8244 10y ago
        Is it possible for tooling to maintain a lot of these quirks and then implement additionally on top of areas it falls short?
      - vincentriemer 10y ago
        React Native doesn't make it so you share UI code between platforms (https://facebook.github.io/react-native/docs/platform-specific-code.html https://facebook.github.io/react-native/docs/platform-specif...). What you get to share is all the business logic between tailored UIs.
        clay_to_n 10y ago
        You can share UI code between platforms if you want, though! At least Android + iOS. Some components are platform- specific but at least on a small simple app I've been successful sharing my UI code.
        acjohnson55 10y ago
        I haven't yet done any React Native, but it seems to me that hypothetically, you can share or not share as you go down the component tree. I can imagine dedicated layouts per platform, then shared widget clusters, then dedicated low-level widget implementations.
antoniuschan99 10y ago
Looks great. As for React Native, I think React Native Express is cool
tiredofspam 10y ago
Here is the direct link to the PDF: https://www.fullstackreact.com/assets/media/sGEMe/MNzue/30-days-of-react-ebook-fullstackio.pdf https://www.fullstackreact.com/assets/media/sGEMe/MNzue/30-d...
deleted 10y ago
[deleted]
mcintyre1994 10y ago
This looks great, I like how it looks like it doesn't just jump straight into assuming the reader knows the tools of compiled Javascript. One thing - I clicked a link very close to the top to get the pdf, I was sold quick. But the popup modal didn't say anything about why you wanted my Email, so I didn't enter it. I got to the bottom and say a small, light grey "no spam" promise so I eventually signed up, but I very nearly bounced.
acemarke 10y ago
This is a _great_ tutorial series! I've already added it to my React/Redux links list ([0}), and is definitely one that I'd point people to right away in the future, along with other tutorials like the official React docs ([1]), the "React to the Future" slideshow ([2]), and the "Learn Raw React - no JSX or ES6" tutorial ([3]). [0] https://github.com/markerikson/react-redux-links https://github.com/markerikson/react-redux-links [1] https://facebook.github.io/react/ https://facebook.github.io/react/ [2] http://elijahmanor.com/talks/react-to-the-future/dist/#/ http://elijahmanor.com/talks/react-to-the-future/dist/#/ [3] http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/ http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...
reactrat 10y ago
Here is the ebook link without giving away your email address to spam: https://mega.nz/#!UhlUjKqa!aZIgmyaTpPPFkyWt3dFI827fqU97PSSziuwqaBQQn40 https://mega.nz/#!UhlUjKqa!aZIgmyaTpPPFkyWt3dFI827fqU97PSSzi...
- foxbarrington 10y ago
  If they charged money instead of asking for an email, would you have done this?
- angelofm 10y ago
  I wish I could down vote this, after all the work that has been put into this I find unrespectable to post a link.
  - jmadsen 10y ago
    down-voted for you first of all, that's theft. he has no right to distribute it independently, even if it is free. HN needs to remove that link secondly, your email on a list that you can unsubscribe from is the price of what must have been hundreds of hours of work. if you like his course, he offers something even deeper you can buy. stop expecting everyone to give their life away for your benefit.
  - dang 10y ago
    We banned that account and another one that did the same thing. All: if you see egregious behavior on HN, please email us at hn@ycombinator.com. It's hit-and-miss what we see in the comments here.
- jmadsen 10y ago
  although secretly I hope this link is to a virus and it screws everyone who tries to get a "free" copy of free work.
y_u_no_rust 10y ago
Online Video Tutorials for when reading is to hard #SCRUBS
boriselec 10y ago
It's better to use unminified scripts.

190 points by jashmenn 10y ago

deleted 10y ago

[deleted]

I'd love it if a series like this was made where a React website and React Native app were made in tandem. Suggestions for project layout and architecture would show you how to reuse core business logic between both apps. Perhaps even the view layers could have some overlap? I currently work on a team that supports multiple native Android apps and an Angular 1.X web app. The ability to reuse code in this fashion is the biggest lure to React for me. I've seen a few blog articles that cover this topic at a shallow level. If anyone has resources they could share it would be much appreciated.

zackify 10y ago
Not OP, fyi If I only had more time... I'd love to write a guide on that. That really is a great idea! I recently copied the entire state management part (done with redux) to a react native app and it just worked. Was a really cool thing to see. If I had RN in mind when I first made the site, it could have even more reuse.
bauser 10y ago
@author here: What a great idea. I think that's something we can make happen in a future book.
- Zombieball 10y ago
  That'd be awesome! I'll keep an eye out.
fourstar 10y ago
https://github.com/este/este https://github.com/este/este is what you want Just git clone and start playing around with it. Great docs as well.
- Zombieball 10y ago
  Awesome, I gave it a quick glance. This line from Readme makes me happy: > code shared across platforms (browser, server, native mobile) I'll definitely have to take a closer look. Thanks!
  - Longhanks 10y ago
    As someone who appreciates apps that tailor to each specific platform and respect that platform's unique features and guidelines, this scares me.
    - sb8244 10y ago
      Is it possible for tooling to maintain a lot of these quirks and then implement additionally on top of areas it falls short?
    - vincentriemer 10y ago
      React Native doesn't make it so you share UI code between platforms (https://facebook.github.io/react-native/docs/platform-specific-code.html https://facebook.github.io/react-native/docs/platform-specif...). What you get to share is all the business logic between tailored UIs.
      - clay_to_n 10y ago
        You can share UI code between platforms if you want, though! At least Android + iOS. Some components are platform- specific but at least on a small simple app I've been successful sharing my UI code.
        acjohnson55 10y ago
        I haven't yet done any React Native, but it seems to me that hypothetically, you can share or not share as you go down the component tree. I can imagine dedicated layouts per platform, then shared widget clusters, then dedicated low-level widget implementations.

antoniuschan99 10y ago

Looks great. As for React Native, I think React Native Express is cool

tiredofspam 10y ago

Here is the direct link to the PDF: https://www.fullstackreact.com/assets/media/sGEMe/MNzue/30-days-of-react-ebook-fullstackio.pdf https://www.fullstackreact.com/assets/media/sGEMe/MNzue/30-d...

deleted 10y ago

[deleted]

mcintyre1994 10y ago

This looks great, I like how it looks like it doesn't just jump straight into assuming the reader knows the tools of compiled Javascript. One thing - I clicked a link very close to the top to get the pdf, I was sold quick. But the popup modal didn't say anything about why you wanted my Email, so I didn't enter it. I got to the bottom and say a small, light grey "no spam" promise so I eventually signed up, but I very nearly bounced.

acemarke 10y ago

This is a _great_ tutorial series! I've already added it to my React/Redux links list ([0}), and is definitely one that I'd point people to right away in the future, along with other tutorials like the official React docs ([1]), the "React to the Future" slideshow ([2]), and the "Learn Raw React - no JSX or ES6" tutorial ([3]). [0] https://github.com/markerikson/react-redux-links https://github.com/markerikson/react-redux-links [1] https://facebook.github.io/react/ https://facebook.github.io/react/ [2] http://elijahmanor.com/talks/react-to-the-future/dist/#/ http://elijahmanor.com/talks/react-to-the-future/dist/#/ [3] http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/ http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...

reactrat 10y ago

Here is the ebook link without giving away your email address to spam: https://mega.nz/#!UhlUjKqa!aZIgmyaTpPPFkyWt3dFI827fqU97PSSziuwqaBQQn40 https://mega.nz/#!UhlUjKqa!aZIgmyaTpPPFkyWt3dFI827fqU97PSSzi...

foxbarrington 10y ago
If they charged money instead of asking for an email, would you have done this?
angelofm 10y ago
I wish I could down vote this, after all the work that has been put into this I find unrespectable to post a link.
- jmadsen 10y ago
  down-voted for you first of all, that's theft. he has no right to distribute it independently, even if it is free. HN needs to remove that link secondly, your email on a list that you can unsubscribe from is the price of what must have been hundreds of hours of work. if you like his course, he offers something even deeper you can buy. stop expecting everyone to give their life away for your benefit.
- dang 10y ago
  We banned that account and another one that did the same thing. All: if you see egregious behavior on HN, please email us at hn@ycombinator.com. It's hit-and-miss what we see in the comments here.
jmadsen 10y ago
although secretly I hope this link is to a virus and it screws everyone who tries to get a "free" copy of free work.

y_u_no_rust 10y ago

Online Video Tutorials for when reading is to hard #SCRUBS

boriselec 10y ago

It's better to use unminified scripts.