GithubHelp home page GithubHelp logo

bhanditz / webpack_react Goto Github PK

View Code? Open in Web Editor NEW

This project forked from compuives/webpack_react

0.0 2.0 0.0 24.42 MB

From apprentice to master (CC BY-NC-ND)

Home Page: http://survivejs.com/

JavaScript 95.87% CSS 3.97% Shell 0.16%

webpack_react's Introduction

build status Join the chat at https://gitter.im/survivejs/webpack_react

SurviveJS - Webpack and React

IMPORTANT! If you want to support the development of this book, you can purchase a copy at Leanpub. Feedback is valuable as well.

webpack, a module bundler, solves a significant problem for web developers. It can be daunting to learn but once you grok it, life gets easier. Same goes for React, a JavaScript library for building UIs. This book shows you how to build a little Kanban application using these technologies. During the process you will learn the basics and will be able to take the skills to your own projects.

How to Use This Repository?

The repository has been split in two main parts: manuscript and project_source. You can find the book in its entirety under manuscript organized per chapter. project_source contains source associated to each chapter.

There is no single right way to approach the book. It depends on your experience level and interest. You can build the project from scratch by following the book or you can start from a specific stage. Just pick the source from previous chapter as your starting point.

Bonus Chapters?

It is possible new content will be developed to the book. This depends on your support. You can see some potential ideas below.

Chapter Description Progress Notes
Routing with react-router Extending further (multiple boards, charts) 0% It might be nice to discuss routing and expand the app while at it
Backend This would discuss the usage of webpack on backend. REST API on top of Express and Swagger? 5% Tech demo
Isomorphism How to go isomorphic with the app. Discuss benefits and possible gotchas. 0%
Performance Performance strategies for webpack and React 0%
Testing Testing approaches/tools for webpack and React 0%
Internationalization etc. i18n/l10n/a11y 0% Gathering ideas
Debugging webpack Various debugging strategies for webpack 0% Need to go through various strategies and develop tooling
Data trees (baobab) How to port the application to Baobab 0% I had some material on this initially but went with Alt instead as it felt simpler and more fitting for the book

Contributing

Feedback is welcome. You can provide it through the issue tracker.

Generating Ebooks

It is possible to generate an ebook version through Calibre. Make sure you have it installed before trying the generation script. You can get it from Calibre site or alternatively you can use the package manager of your operating system (Homebrew-cask for Mac, sudo apt-get install calibre calibre-bin for Ubuntu). If you use Homebrew-cask, you may need to add the Calibre CLI to your PATH (e.g. export PATH=$PATH://opt/homebrew-cask/Caskroom/calibre/2.31.0/calibre.app/Contents/MacOS).

To generate a pdf version of the book, hit npm install and npm start. After that you should have ./book.pdf.

License

Creative Commons License

webpack_react's People

Contributors

bebraw avatar christianalfoni avatar firedev avatar cheerazar avatar guyellis avatar hliyan avatar af7 avatar vitaliy-kotov avatar gilesbradshaw avatar gitter-badger avatar piotrrojek avatar goatslacker avatar foxandxss avatar jugend avatar gumuz avatar dpastoor avatar dbunskoek avatar aweary avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.