This week's book giveaway is in the Server-Side JavaScript and NodeJS forum.
We're giving away four copies of Node.js Design Patterns: Design and implement production-grade Node.js applications using proven patterns and techniques and have Mario Casciaro & Luciano Mammino on-line!
See this thread for details.
Win a copy of Node.js Design Patterns: Design and implement production-grade Node.js applications using proven patterns and techniques this week in the Server-Side JavaScript and NodeJS forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Rob Spoor
  • Tim Cooke
  • Junilu Lacar
Sheriffs:
  • Henry Wong
  • Liutauras Vilda
  • Jeanne Boyarsky
Saloon Keepers:
  • Jesse Silverman
  • Tim Holloway
  • Stephan van Hulst
  • Tim Moores
  • Carey Brown
Bartenders:
  • Al Hobbs
  • Mikalai Zaikin
  • Piet Souris

React: Up & Running: is it a step by step guide?

 
Greenhorn
Posts: 29
1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi Stoyan, I have a general question.  I understand that React is an open-source JavaScript library primarily used for creating complex UI in Web-Applications. How does it differentiate itself from the other JS Frameworks available?

Does this book provide step by step guide in setting up & using React?
 
author
Posts: 85
5
PHP
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Thanks for the questions Amandeep!

How does it differentiate itself from the other JS Frameworks available?



Two big ones off the top of my head...

  • React focuses on the UI, it's not trying to do too much, so it's not really a framework. Just a library that does UI, or the V in MVC.
  • The DOM is just one target to render your app. You can also render to canvas, windows desktop app, native Android or iPhone (just to name a few). "Write once, use everywhere"


  • Does this book provide step by step guide in setting up & using React?



    Yes. It starts with a simple static HTML page and simple JavaScript (ECMAScript 3 that works in every browser under the sun). Goes on to explain the core concepts. Chapter 4 begins to introduce new syntax (called JSX) that doesn't work in browsers as-is but needs a simple code transformation (still in-browser though at this point). By the end of chapter 4 you've built a data table (sortable, searchable, export-able to CSV...) with zero setup.

    The second half of the book moves to more real-life development, building a CRUD app called Whinepad still building on that data table from the first half of the book. That's where more complicated setup gets involved to do JS code transformations (using Babel so you can use the latest JS features in every browser), linting (static code analysis), typing (using Flow), organizing the movement of data in the app (building an implementation of Flow from scratch) and so on. All features a modern JS developer would use in real life. The setup is also build from scratch using simple command-line script or two as opposed to using WebPack or any other JS build tool (of which there are many)

     
    Amandeep Singh Ghai
    Greenhorn
    Posts: 29
    1
    • Mark post as helpful
    • send pies
      Number of slices to send:
      Optional 'thank-you' note:
    • Quote
    • Report post to moderator
    Hello Stoyan, Thanks for the answers.

    I think this is very interesting. I hope the books also supports lot of practice examples & code samples.
     
    Sheriff
    Posts: 67592
    173
    Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
    • Mark post as helpful
    • send pies
      Number of slices to send:
      Optional 'thank-you' note:
    • Quote
    • Report post to moderator

    Stoyan Stefanov wrote:React focuses on the UI, it's not trying to do too much, so it's not really a framework. Just a library that does UI, or the V in MVC.



    So what is generally used to provide the M and C? Is there a consensus, or is it every dev for themselves?
     
    Stoyan Stefanov
    author
    Posts: 85
    5
    PHP
    • Mark post as helpful
    • send pies
      Number of slices to send:
      Optional 'thank-you' note:
    • Quote
    • Report post to moderator

    Bear Bibeault wrote:So what is generally used to provide the M and C? Is there a consensus, or is it every dev for themselves?



    Flux helps Or M is just a JS object, C is whatever.
     
    Don't get me started about those stupid light bulbs.
    reply
      Bookmark Topic Watch Topic
    • New Topic