A bit of a warning
- Switch entirely to postcss, eliminate Sass from this boilerplate 💥
- Use CSS modules
composes
and@value
- still does not solve things the way I like. We know this is still a space with active development.composes
still does not work with pseudo-classes, which is being solved- Having the
Order in extracted chunk undefined
error. Have been looking into this css-modules/css-modules#12 (comment) issue, however, it gets tricky when we use @value.
- Begin using
nodemon
so we do not need to runnpm run build
whenever there is a change inserver.jsx
or any files within theserver/
folder - Separate
webpack.config.dev.js
intowebpack.config.dev-client.js
andwebpack.config.dev-server.js
. You only need to runnpm run dev
now!!
- Use Babel 6
- Refactor login and sign up flow to work
- Rename Login.jsx to LoginOrRegister.jsx
- Add global Message.jsx container
- Style Login flow a tad bit more ✌️
- Rename scss components (Remove prefixes)
- Fix a bunch of ugly lint errors
- Abstract async
fetchTopics
to a more genericneed
method which any component can contain - Make endpoints more RESTful
- Use axios for fetching for topics (only)
- Use sinonJS for
topics-test.js
- Rename and move
elements/Header.jsx
tocomponents/Meta.jsx
for better structure and semantic meaning.
- Bump versions of
- redux ^3.0
- react-router ^2.0.0-rc5
- redux-simple-router ^2.0.3
- authentication flow for
/dashboard
route now works server side as well.
- Add unit tests to the repository
- Add the /containers folder and moved several 'components' to containers
- Prevent duplicate topics from being added
This was more of a styling convention change.
- Use classNames.bind(styles) for css modules
- Clean up some code, and reduce code bloat
- Instead of nesting classes within scss, indent them for easier readability.
This was actually a pretty big change!
- Replace react-hot-loader with react-transform-hmr
- Clean package.json so we do not have so many confusing commands
- Refactor bits of webpack
- Temporarily comment out devtools
- Use redux-simple-router
- Breaking changes (at least for master):
- We will be using Redux in our master branch. We know a lot more work needs to be done to make this more boilerplate-y.
- alt is now on the flux/alt branch.
- React v0.14
- Using react-dom to render
- Breaking Changes (Apologize for the breaking changes):
- react-router bumped up to react-router beta3
- Deprecating UniversalRenderer:
- Initially the server + client side code was very similar. But the code has evolved now and keeping them as one reusable class just complicates how the isomorphic (sorry, universal) react works.
- Separating them now makes it easier to move forward.
- Renaming .react.js files into .jsx files. Now I feel like a weight has been lifted off my chest.
- Removing AnimationMixin (no longer in use and serves to be confusing)
- Breaking Changes:
package.json
now has different commands to run servers locally. This was to fix an initial issue with sessions over HTTPS.npm run build && npm run dev
to run locally without a hot loader.npm run devHotLoader
to build and develop using react-hot-loader.npm run build && npm start
to run server for production (with HTTPS).
- Css modules that works with development and production setup
- Added react-hot-loader for development speed
- Moved webpack config files into the /webpack folder
- Removed swig
- Parsing html files using webpack's html-loader, inspired by react-starter
- Using react-helmet to manage favicons and links
- Renamed IsomorphicRouterRenderer to UniversalRenderer
- Removing views folder from server as we no longer need them
- Removing socket.io dependency as the examples no longer supports it
- React Components in ES6
- Using babel-loader instead of jsx-loader
- Added ImmutableJS
- Using alt and iso
- isomorphic react-router on the client and server
- Structural changes:
- Renamed:
- SideSection.react -> Scoreboard.react
- Header.react -> Entrybox.react
- NavigationBar.react -> Navigation.react 4. _navbar.scss -> navigation.scss
- Removed:
- AppDispatcher
- Constants
- InputFormField.react.js
- TopicStore to use alt's alt.createStore
- TopicActions to use alt's alt.createAction
- With alt, there won't need to be a dispatcher and constants
- Using webpack to build client and serverside bundles
- Removing
/** @jsx React.DOM */
- Temporarily commented out AnimationMixin