Hot reloading

[mischnic]

Currently fixing a problem with window reloading in: kusti8/proton-native#180

---

Is npm run dev fine as the hot-reloading command?

• Added hot reloading to readme and fixed typos.
• Added all commands to the cli output:

Great! You are all set.
Created test-app inside /.../test-app


Inside that directory, you can run the following commands:

 npm run start
 Will run your application.

 npm run dev
 Will run your application with hot-reloading.

 npm run build
 Transpiles and bundles your source files.

 npm run dist
 Creates an archive containing the bundle.

Go to your project folder and run your application by typing:
 cd test-app
 npm run start

[albe-rosado]

Got this behavior when testing it.
Every time a change is saved, another instance of the windows is loaded.
@mischnic

[mischnic]

Doesn't happen for me (Win 10).

What happens if you change the Example.val prop in index.js?
What happens if you change the window title or some of the text in app.js?

index.js:

import React, { Component } from "react";
import { App, Window, render, Box } from "proton-native";
import { Example } from "./app.js";

class HotApp extends Component {
	render() {
		return (
			<App>
				<Example val="sf123sdfd"/>
			</App>
		);
	}
}

render(<HotApp />);

app.js

import React, { Component, PureComponent } from "react";
import { Box, TextInput, Text, Window } from "proton-native";

class Example extends PureComponent {
	render() {
		return (
			<Window title="Notedssds" size={{ w: 500, h: 350 }} margined>
			<Box padded>
				<TextInput />
				<Text>asddd</Text>
				<Text>{this.props.val}</Text>
			</Box>
			</Window>
		);
	}
}

export { Example };

[albe-rosado]

Will tell you as soon as I get home! Thanks @mischnic !!!

[albe-rosado]

your example works as expected. The generated placeholder doesn't. Another thing, when running npm run dev, and closing the window, the process does not exit , not clear if that is expected behavior. @mischnic

[mischnic]

and closing the window, the process does not exit , not clear if that is expected behavior.

Haven't noticed that before.

your example works as expected. The generated placeholder doesn't.

Could you please be more specific? For me:

What happens if you change the Example.val prop in index.js?

The window closes and a new one opens (with the changes).

What happens if you change the window title or some of the text in app.js?

Everything updates correctly in the current window.

[albe-rosado]

@mischnic What I meant was, the example you provided, works, ie. windows don't dont replicate for every state change, and the changes are reflected, but the initial boilerplate code, that is generated when you use create-proton-app, does replicate the windows when you save a change (as the picture shows).

[albe-rosado]

hey, @mischnic send me an email to (the one in my bio), I wanna discuss something.