Tag Archives: react

Implementing a Blog Engine using React and Redux

This post relates to the repository non-o.blog on github and this specific tag v.0.5.0.

This Blog Engine is using React to read files (posts, pages…) from a github repo. At this time it is using React as the view engine and Redux as the application state (store). to get the code, simply clone it on your mahine and checkout the tag v0.5.0.
Continue reading Implementing a Blog Engine using React and Redux

React environment with Webpack, Enzyme, Mocha and Karma

This is the first post describing the development of a new Blogging engine using React that I am building for fun. This first post describes the environment setup and add some more information on how to use these frameworks.

The code can be found here : https://github.com/non-o/nono-blog, and this post is mainly targeted to the v0.1.0 tag. so you can clone the repository and then checkout the v0.1.0 tag to follow. (or to get an inital setup for your project)

Continue reading React environment with Webpack, Enzyme, Mocha and Karma

Facebook Flux Pattern implementation in .Net (c#): Startup

(Code on Github : Flux.Net)

These days, I took some time to learn facebook’s React and like everyone, came across their Flux Pattern. if I can resume or take one sentence that seemed to be important is this idea:

Flux is used to have a more predictable system.

When looking at the pattern, and trying their Todo or Chat apps, it is not really clear where the call to the server occurs or at least it’s not yet standardized.(as far as I know).

Flux is stated to be a frontend framework, but wait, why would this pattern be more obvious as a frontend pattern.
Continue reading Facebook Flux Pattern implementation in .Net (c#): Startup

React app development skeleton with webpack and hot reload


This article describes a development stack with React and webpack to develop with your favorite code editor.

Prerequisites

You should have node.js installed on your machine.

the short story:

>git clone https://github.com/CedricDumont/Learn-React.git

...
>cd Learn-React
>npm install
..
>npm link webpack-dev-server --save-dev
>node dev-server

navigate with your browser to : http://localhost:8080/

you should see "hello react" printed
then in an editor (notepad) change the ./src/App.jsx to return something new (“hello world”)
save the file
you should see "hello world" replaced without reloading the page

set a debugger; expression (for chrome) in the code and go to the browser, => you can now debug with the dev tools of chrome for example.
Continue reading React app development skeleton with webpack and hot reload