O'Reilly logo

Mastering Reactive JavaScript by Erich de Souza Oliveira

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The structure of our client

To implement our client application, we will create two folders in our project; the first is called static and it will contain the HTML page of our client and the built JavaScript file, the second will be called client and it will contain the JavaScript source code for our client application.

In the static folder, create a file called index.html, which will be the base HTML of our client, and paste the following code:

<!doctype html> <html> <head>     <title>Reactive chat</title>     <style>         * { margin: 0; padding: 0; box-sizing: border-box; }         body { font: 13px Helvetica, Arial; }         .message_container { background: #ddd; padding: 3px; position: fixed; bottom: 0; width: 100%; }  .message_container input { border: 0; ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required