Source I never thought I would be writing an article on Medium, but I honestly couldn’t find a decent guide or example of using with for this use case. I did find , but they were either not descriptive enough or were using a different tech stack. So now it’s time for me to contribute to the wealth of knowledge. React Native Socket.io some relevant examples Let’s dive right into it. First, a server and client need to be created. The example will be using an Express server and a plain React Native project. Once they are both created, they will both have to point to the same web socket which is how the data is transferred between the two. Multiple sockets can be opened between a server and multiple clients. Socket.io makes it super simple to talk between a single client, many clients, or all the clients. Once a socket is established, the two ends can speak freely and without delay (faster than HTTP requests 😊.). To use the web socket, just send the data/message over a named channel. socket.emit('channel-name', 'Hello world!'); This is identical for both server and client. The other end just has to listen to that named channel. socket.on('channel-name', (message) => ... /* some logic */); Simple data structures can be sent over the sockets too, so arrays and objects are fair game. Back to our use case. When a user types and sends a message, it’ll be sent to the server, which can perform some logic, and then the server will emit the message to all sockets (other users). Messaging apps are expected to store data between sessions, so we’ll just save the message in the database while it’s being relayed. The message model could be something like: {text: ,createdAt: ,userId: ,chatId: } String Date ObjectId ObjectId To keep track of an open chatroom where any number of people can join, an field will be helpful to keep track of the messages. For mobile apps, each device will act as a user and for new users, they will be assigned an field which should then be kept in the device’s local storage. We can determine if a user has or has not joined the chatroom if there is an field saved on the device. To deal with multiple chatrooms, some sort of mapping structure should be used so that we know which rooms that user is in if it does exist. identifier id id Regarding the persistence I mentioned earlier, when a user joins a room, we should give it any pre-existing messages that are saved in the database for that specific room. I’ve created a working example of a . Big thanks to for his which made this so much easier. Enjoy! working messaging app Farid Safi messaging component I’m a Computer Science student at Virginia Tech that loves to write code and lift weights 💪. LinkedIn Github

Facebook

Super

A simple messaging app with React Native and Socket.io

pixabay.com Relational database advantages include , avoids data duplication, avoids inconsistent records, better security, cater for future requirements ( ). join table query by tech-ict.com Over the pass few years, I have built couple of E-commerce or content shared platform by , and realized that it is not a ideal database for the architecture of complex relational tables(like user, permission, product or shop relations) and fast-moving features requirement(it causes inconsistent records/data type) . It happens every few months when new requirement come to us, dirty data correcting is like pull teeth from my ass. MongoDB Content 1–1 relation 1-n relation n-n relation Nest Remark: To have a default products and suppliers tables for this example mysql> **SHOW DATABASES;**mysql> **USE yourdatabse;**mysql> mysql> CREATE TABLE product_details (productID  INT UNSIGNED   NOT NULL,-- same data type as the parent tablecomment    TEXT  NULL,-- up to 64KBPRIMARY KEY (productID),FOREIGN KEY (productID) REFERENCES products (productID)); CREATE TABLE IF NOT EXISTS products (productID    INT UNSIGNED  NOT NULL AUTO_INCREMENT,productCode  CHAR(3)       NOT NULL DEFAULT '',name         VARCHAR(30)   NOT NULL DEFAULT '',quantity     INT UNSIGNED  NOT NULL DEFAULT 0,price        DECIMAL(7,2)  NOT NULL DEFAULT 99999.99,supplierID   INT UNSIGNED  NOT NULL DEFAULT 0,PRIMARY KEY  (productID)); ... mysql> UPDATE products SET supplierID = 501; 1) 1–1 relation What if there is another table called , and link it to products with a one-to-one relationship, as illustrated. product_details Write foreign key column mysql> INSERT INTO product_details VALUES (1001, ‘good one’); Query relation by foreign key column mysql> SELECT products.productID,price,product_details.commentFROM products WHERE price < 5; JOIN product_details ON products.productID = product_details.productID 2) 1–n relation Let say each product has one supplier, and each supplier supplies one or more products, . To implement 1-n relation, technically is as same as 1–1 relation by just make sure that no more than ROW has relation to same product. supplier-product is base in 1-n relation model Create foreign key column To add a to columns of the child table to the parent table : Foreign Key supplierID products suppliers add column with INT type in product table supplierID set all the of the existing records supplierID set as a foreign key column, by related table to parent ** **mysql> supplierID products suppliers table ALTER TABLE products ADD COLUMN supplierID INT UNSIGNED NOT NULL; mysql> UPDATE products SET supplierID = 501; mysql> ALTER TABLE productsADD FOREIGN KEY (supplierID) REFERENCES suppliers (supplierID); Write foreign key column it is as same as writing an INT column mysql> **INSERT INTO products VALUES (1001, 'PEN', 'Pen Red', 5000, 1.23, 503);**Query OK, 1 row affected (0.00 sec) Query relation by foreign key column mysql> SELECT products.name, price, suppliers.nameFROM products WHERE price < 5; JOIN suppliers ON products.supplierID =  suppliers.supplierID 3) n–n relation Suppose that a product has many suppliers; and a supplier supplies many products in a so-called many-to-many relationship. For a many to many relationship, it needs a third table called the junction table. Create junction table products_suppliers mysql> CREATE TABLE products_suppliers (productID   INT UNSIGNED  NOT NULL,supplierID  INT UNSIGNED  NOT NULL,-- Same data types as the parent tablesPRIMARY KEY (productID, supplierID),-- uniquenessFOREIGN KEY (productID)  REFERENCES products  (productID),FOREIGN KEY (supplierID) REFERENCES suppliers (supplierID)); Insert relation mysql> INSERT INTO products_suppliers VALUES (1001, 501), (1001, 503), (1002, 501), (1003, 501), (1004, 502); Query 3 related table Use with to query data from the 3 tables, for examples, SELECT JOIN mysql> SELECT products.name AS `Product Name`, price, suppliers.name AS `Supplier Name`FROM products_suppliersJOIN products  ON products_suppliers.productID = products.productIDJOIN suppliers ON products_suppliers.supplierID = suppliers.supplierIDWHERE price < 5 AND products.name = "Pen Red1" AND suppliers.name = "QQ Corp"; Summary If you use many-to-many relationships, you have to introduce a table (or junction table) that holds foreign keys of both participating tables which further increases join operation costs. JOIN You may also like MySQL Handbook [MySQL] Note: Fast Setup and running in Node.js [MySQL] Note: Create Admin User [MySQL] Note: Database CURD [MySQL] Note: Row CURD [MySQL] Note: Relation: 1–1, 1-n, n-n, nest Very thankful to the community of NTU , who contribute such a good tutorial and valuable examples. Reference: https://www.ntu.edu.sg/home/ehchua/programming/sql/MySQL_Beginner.html

[MySQL] Note: Relation: 1–1, 1-n, n-n, nest

I get it. You want to keep up with the latest tech. You want to be the first to learn that new that’ll take your engineering prowess to the next level. You compulsively checked Show HN and /r/ for the latest and greatest tech. tool Programming It’s becoming a bit much — or it will eventually. . You need work. Compelling work. Interesting work. You need to create some_thing_ that’s so exciting that the brings you back to the keyboard, not the technology stack. You don’t need more knowledge thing A new JS framework isn’t going to make you a better programmer and reading an implementation of a todo list in that framework isn’t going to either. Suggestions Instead of building another CRUD UI using the latest framework, focus on building a “solution” that you’ve never built before. Lots of front end devs have never implemented user authentication or a permissioning system. Instead of yet another framework, find an API that you’ve never used before and build something fun using it. The or APIs are great places to start, for a little more fun check out . Slack Twilio Microsoft’s Cognitive Services Already a rip roarin’ awesomesauce full stack dev? Build a side project with the express goal of making money. This is the fastest way to learn how unimportant the latest framework is. Pick a and build side projects with just that. Focus on iterating through projects until you find something that captures your long term interest. Boring Stack Feel free to learn the ropes. Programming is a magical experience — I’m coming up on 10 years and it still is, every day. But, if you’ve got the kind of experience that sees you diving into the internals of React, Angular, Ember, Vue, Preact… The thing standing between you and becoming a better software developer isn’t your lack of exposure to frameworks. It may not even be programming. Part of software development is the business of software which has many complex, nuanced, as-deeply-experiential-as-programming moving parts outside of the engineering team. Depth getting to you? Invest in breadth for a while. I’m Wesley Walser, the founder & CEO of . You can follow me on or . Ask Inline — We help teams build great customer feedback campaigns Twitter right here on Medium

Microsoft

Slack

Twitter

Cure for JS Fatigue? — Build Something More Interesting

First thing first, what we need if we need to build a modern APPs, we need a front-end platform(or web) which is used by the users. But the users would like to communicate to the other users and would like to exchange content/information with them, we need a place to store the information and the path of reaching those valuable content, THE DATABASE. This is a Note of configurating MySQL Database and the purpose is remotely connect and query in server** ** Node.js . Content: Set up MySQL on VM Set up GUI tool (Sequel) Create Admin account Connecting in Node.js 1- Set up MySQL environment First we need a machine running MySQL, could be Macbook, Windows or Linux, because there is much enough tutorial on Google to install MySQL on all those operation system, and you will enjoy to discover the fun of installation. My way of setting up a MySQL server, run a Docker Machine and run a Docker image by the command : docker run --name mysql -e MYSQL_ROOT_PASSWORD= -p 3306:3306 -d mysql mysqlpw What happened is a root user is created with “ as password, and a external port is opened so that we are able to remotely connect by MySQL client tool. mysqlpw ” 2- Set up Sequel, MySQL GUI tool (optional) Install client GUI tool, Sequel, which help you understanding how DATABASE-TABLE-ROW works in visualised way, and there are two functions that are very helpful to me: MySQL **_2. Console_**The fact is any operation between client and MySQL is communicated through TCP protocol, the Sequel is just a tool to TRANSLATE UI actions to the command that MySQL understand.Console, on the right top, provide every logs that SQL command translated by Sequel. **_2. Query_**What it can do is as same as terminal MySQL client. For me it is a nicer editor, speeds up copy paste work and mouse operations (what the terminal can’t do). A good editor is so important for programmer to become productive, that is why there is so many editors: Sublime, VSCode, Atom etc. 3- Create an Admin account, and stop using Root user Creating Admin Account by SQL command 4- Start coding in Node.js Install the npm module mysql $ npm install mysql Create a file called , and copy paste the code below to it: connect.js var mysql = require("mysql"); // First you need to create a connection to the dbvar con = mysql.createConnection({host: "12.34.56.78",user: "peter",password: "1234",database: "southwind"}); con.connect(function(err){if(err){console.log('Error connecting to Db');return;}console.log('Connection established');}); con.end(function(err) {// The connection is terminated gracefully// Ensures all previously enqueued queries are still// before sending a COM_QUIT packet to the MySQL server.if(err) console.log('err: ', err);else console.log('Terminated done: ');}); Run : $ node connect.js Connection establishedterminated done: Summary To me, I spend the most of my time on the 2nd part. Setting up an MySQL Docker-Machine is easy by just one command. Node.js connection and query is super smooth as well. However, understanding the SQL command(query) in SEQUEL is not very straightforward, it takes me some time to pick up existing commands from MongoDB and “ to something I can understand. translate” You may also like MySQL Handbook [MySQL] Note: Fast Setup and running in Node.js [MySQL] Note: Create Admin User [MySQL] Note: Database CURD [MySQL] Note: Row CURD [MySQL] Note: Relation: 1–1, 1-n, n-n, nest Reference: https://www.sitepoint.com/using-node-mysql-javascript-client/

Google

Target

[Nodejs] Fast Setup MySQL and running in Node.js

A few years back while learning Go, I came across a compliment that someone had extended to Go’s creators. I don’t remember where I saw the quote and five minutes on didn’t find it so here’s my own reconstruction: Google Thank you for creating a language so simple that the most interesting thing that I can do with it is to get shit done. I learned just enough Go to make my way through all of the “learn Go” exercises and complete a half dozen challenges. The language didn’t really stick, but the compliment, that really stuck with me. Project Euler The idea of a language so simple that there was no new or interesting thing to chase after was compelling. Just imagine! I could build all the in my head instead of constantly wasting time learning the newest or technique. things tool So why didn’t I adopt Go more fully? Well, I realized two things: I’m more interested in than in building using interesting . building interesting things tools I realized that I already know The Boring Stack. You probably already know The Boring Stack. So, what is The Boring Stack? It’s whatever stack you already know so long as that stack is capable of completing the interesting that you want to build. thing If you’re starting a new project where the reason for beginning work on said project is to have a new thing at the end — you should probably use The Boring Stack. If you’re interested in learning whether or not you’re capable of building that — you should probably use The Boring Stack. thing Your Boring Stack may be interesting! The Boring Stack doesn’t have to be boring. You just have to know it well enough to mostly ignore distractions and get on with doing the interesting work of getting shit done. It’s possible that your version of The Boring Stack is very interesting. If you’ve known Rails for 10 years, Rails is probably your Boring Stack. It’s tempting to look at all the new stuff going on in JS, Rust or Erlang and decide that Rails is boring. Not true! Really rad stuff lands in Rails all the time. faster than it landed in most front end teams and front end teams are obsessed with New Shiny™. Yarn landed in Rails Maybe your boring stack is PHP (someone just groaned about PHP). It’s tempting to read all of the articles making bold claims about PHP being a second class language and decide to learn a new, more respected, language. If your goal is to work in a respected language then you’re bad a setting goals — Huge companies ship great products with PHP. Some even find the language . interesting What is your goal? Want to be multi-lingual? Learn a new language. Want to be recognized a great communicator and join the professional conference circuit? Unless you’re under 5, learning a new language is an awful place to start. If you want to ship great products learning new languages and frameworks is not the way to go. You need to find your Boring Stack. Stay focused! Don’t sweat interesting . Ship some_thing_. tools I’m Wesley Walser, the founder & CEO of . You can follow me on or . Ask Inline — We help teams build great customer feedback campaigns Twitter right here on Medium

The Boring Stack — The Best Way to Build Interesting Things

This is the funniest and informative performance article ever written. is how hackers start their afternoons. We’re a part of the family. We are now and happy to opportunities. Hacker Noon @AMI accepting submissions discuss advertising &sponsorship To learn more, , , or simply, read our about page like/message us on Facebook tweet/DM @HackerNoon. If you enjoyed this story, we recommend reading our and . Until next time, don’t take the realities of the world for granted! latest tech stories trending tech stories

This is the funniest and informative performance article ever written.

Though there is a tendency to use the terms interchangeably — unless of course, you are a product marketer who should know better — there is an important distinction to be made between a product and a solution that should be understood and respected. This distinction affects the ways that employees of all stripes think about the organisation, the work that it does and the outputs that it generates, as well as the ways that the organisation is perceived by its customers. “ The Treachery of Images ” (1928–29), René Magritte’s famous take on the difference between a product and a service What’s a product ? A product is a good or service that corresponds to a unique company offering (equipment, software package, consulting offering, etc.) that has typically gone through a formal process for development and market introduction and usually has a proprietary name (often with a trademark or ™ or ® symbol). 1 A product can be either a good or a service or a combination of the two. In fact, more and more of what were previously considered goods under a strict product definition are being enhanced with services, though ultimately they remain a product. For our purposes, we’ll use the catch-all term “product” to refer to goods and services, as well as offerings that combine the two. There are formal rules, captured in corporate style guides, around the proper usage of a product name in all electronic and print communications. The use of a trademarked name as a verb or an adjective is the kind of thing that gives marketers nightmares. Where the possibility of a registered trademark for a product is not possible due to the use of a word or concept deemed too generic, a service mark (represented as “sm” beside a logo) may be used. 2 This screwdriver comes with multiple options. It could be part of multiple solutions. Though it takes the form of a service that is provisioned and interacted with over the Internet, Amazon Elastic Compute Cloud™ (aka EC2) is an example of a product. Characteristics of Products Typically trademarked in countries where the product is offered A unique name: a) core product and b) pre-defined optional capabilities / characteristics A defined/standardised feature set: a manufacturer’s suggested retail price or a “street” price A published price: there is low(er) risk since it was addressed during productization. The product can be delivered to multiple customers. A defined delivery model: Providing it to one customer does not prevent another from also purchasing the same product Repeatable: 3 The product’s core functionality is documented using generalized terms Documentation: the product can be compared with competitor’s offerings using a range of variables, from basic info such as price per unit to complex info such as system requirements that may be a specific limitation of a product Competitors: requirements for using the product are clearly defined. The product has been tested with required dependencies in place and its proper functioning in such circumstances is generally assured by the vendor Defined dependencies: What’s a solution ? Whereas a product has the potential of doing something, a is the of a product to a industry need or business . Note the word . The other key concepts here are and , from which the word is derived. solution application solve specific problem specific application solve solution When paired with a screw (another product) and a carpenter (a service), the screwdriver is part of a solution for building a home. It is generally understood that a solution will provide ongoing value to a customer. While there may be one-time-only events involved in its delivery to the customer — such as installation and configuration — that are similar to what are observed with more traditional notions of a product, these events are in the service of an ongoing relationship between the customer and the organization. These activities may also be repeated in whole or in part as the customer’s business needs changes, as it adds employees that interact with the solution, as the product component of the solution wears out, etc., or as the organization produces revised versions of the product that require subsequent integration with and adaptation to the customer’s operations. 4 In order for a solution to support an ongoing relationship with the customer, it needs to be designed and built with an eye to the future, with the ability to grow, evolve, and meet changing needs. In return for this ongoing value creation for the customer, the organization will levy ongoing fees — recurring revenues from its perspective — and enter into a longer-term agreement, typically measured in years, formalized as a service contract. Characteristics of Solutions However standard product features used in a solution are turned on or off, and/or are modified relative to their standard functionality Based on a standard product: These customizations are a function of one or more of the following: Industry, market / geography, organization size, expressed in terms of employees or geographical coverage), business function, and/or customer’s unique characteristics and requirements One or more significant customizations. Possibly integrate third-party offerings, professional services component, project management component, implementation calendar Optional characteristics: can be based on a combination of volume, list price, and customization work Non-standard pricing: revenue timing is different as well; delivery milestones come into play Revenue recognition is specific to the solution: Higher risk New documentation is produced Changes to documentation: From the perspective of marketing to prospective customers, ‘solutions’ are positioned at the level of the common challenges that are faced by organizations operating in a given industry or by the functional departments within them. As a result, the Solutions sections of websites are divided up by the industry they target. As can be seen in many of the screenshots of company websites presented later in this document, industry-specific solutions may or may not include the word “solutions” in their descriptions. 5 Solution categories Solutions can be categorized in terms of the industry or industries that they target as well as the common business functions that are present irrespective of the underlying industry, market, or category of organization. Examples of solutions categories include by type of: Industry Business function Organization Organization-type solutions are a means of slicing the needs of the market horizontally as a function of the size of an organization or the type of activities it performs (revenue generating, profit-seeking, or neither). There are also certain business challenges that are a function of an organisation’s size and not of the industry in which it operates. A given product may be covered by more than one solution. For example, Oracle® Database 12c can be used in more than one industry. However, when it is delivered as a solution, it will come with certain industry-specific configuration decisions made in advance of its actual implementation with a specific customer. For example, it may come with certain features turned on for defence contractors that have their own realities in terms of sales cycles, information retention and other regulatory requirements, with others turned on for e-commerce companies. These initial configuration decisions are informed by market research. Best practices for marketing products and solutions It’s a product Buyers that search for usually have a good handle on the nature of their business problem and how to solve it. They are looking for a specific piece of the puzzle to slot in and so they think in terms of products, even if what is ultimately delivered is a solution according to our usage here. Marketing language should provide clear descriptions of what the product can and cannot do. In the case of a technical product, the prospective buyer may want to see more technical information such as hardware and software requirements and other dependencies. The prospective buyer should be able to come away with a clear idea of the product will solve the business problem in question. products how It’s a solution Buyers that search for are typically at an earlier stage in the problem-solving process. They understand that they have a problem but may not properly understand where to start. They think in terms of possible solutions that can help them, though may not be specific in their understanding of possible solutions or their description of their business problem. It is, therefore, important to provide prospective buyers with language and usage examples that allow them to self-identify with an organization’s offerings and take appropriate action (e.g, download a document, request to be contacted, speak to a sales representative, etc.). Technical details, while important to share, may be less necessary earlier on as the marketer has an opportunity to sell the solution to the problem — the — before explaining it will go about doing so. solutions what how Evolving a solution When deploying a solution with a customer, the marketer should be on the lookout for opportunities to enhance the core product (as we defined it earlier) based on the specific adaptations that were made to meet the customer’s needs. This is accomplished by means of capturing customer feedback and other items related to the process of deploying the product with the customer and supporting it over time. Data captured from multiple customer deployments will enable the marketer to determine if there is indeed an unmet market need or the adaptations are ultimately customer-specific. In the case of the former, adaptations should be formalized and integrated into the core product. Marketing a solution When presenting to prospective customers via the Internet or in person, one should be careful when using the terms (i.e., a good or service) and to help the prospect qualify his / her business need and self-identify. Business buyers have been conditioned to look for answers to their business needs in one or both of these approaches. product solution Positioning a solution One should take into account whether or not the business problem to be solved is ultimately a pure expense or an input for generating revenue for the buyer and position the solution accordingly. Whereas price is most likely a strong consideration in the case of the former, when the solution can be demonstrated to enable the generation of incremental revenues, price — while still important — becomes less central to the discussion, which leaves room for vaunting the solution on the basis of other merits. Examples of Products vs. Solutions Let’s now turn our attention to how products and solutions are implemented in the real world. Each of the screenshots shown below was taken on December 16th, 2016, on each company’s main corporate website which facilitates comparisons. The screenshots for IBM use the Canadian (English) version of the site as IBM’s US website forgoes the traditional navigation bar on the homepage. IBM As IBM’s business model has moved towards recurring revenues in the form of services (code for outsourcing), it has folded Solutions into its Products menu for the purposes of its website. As the following screenshot of the main IBM website (taken December 16th, 2016) shows, Industry Solutions are a distinct menu item within the Product menu. This was most likely a design decision for the purposes of simplifying the website than any fundamental disagreement with the conceptual paradigm described here. This screen shows a Services-focused approach where industry-specific service solutions are provided as a sub-menu item. As we shall see with the examples from Amazon Web Services and Oracle, IBM’s approach is probably the exception to the norm. As we shall see immediately below, Microsoft’s consumer market requires a specific approach. Microsoft Whereas IBM is strictly focused on business customers, Microsoft faces the challenge of meeting the needs of consumers, businesses, and institutional customers as well as the developers and channel partners it relies upon to provide applications on its platforms and deliver integrated solutions to customers respectively. Microsoft’s website has in recent years put more of a focus on the needs of consumers. This may be because it knows the needs of its stakeholders well enough that it believes it can rely on them to navigate on their own to the appropriate sections of its website. Oracle In the case of Oracle, the distinction between products and solutions remains a fixture of its website. The following screenshot of the main Oracle website shows the contents of the menu. The contents of the Products menu correspond to the actual names of Oracle products, most likely trademarked but with the (TM) symbol stripped from the menu for legibility. The major subsections correspond to groups of products by generally accepted category. E.g., applications, databases, storage, etc., as well as specifically named technologies such as Java, SPARC processors, etc. Products The following screenshot of the Oracle website shows the contents of the menu. As you can see, there are a variety of Solutions categories available. Business Solutions and Industry Solutions are more typical of what you would see elsewhere. Solutions Amazon Web Services While Amazon Web Services is probably perceived in the minds of its customers as a service provider, it lists its various offerings first as products. They are provided as a fairly long list of text links, almost like a grocery list or Chinese menu. A separate website section — and web experience — is provided for visitors in search of solutions specifically designed for their organizations’ industry, business problem, functional group or size (in employees, according to standard practice). United Parcel Service (UPS) The scope of our discussion to date regarding the distinction between products and solutions is admittedly very much focused on technology companies. In the case of United Parcel Service (aka UPS), the company breaks the model by focussing on and , as opposed to and , the latter of which implies an industry. solutions industries products solutions UPS confuses the visitor further with a section (in light blue) labelled Product Insights, when there is no notion of a product provided in the basic site navigation. We would recommend that UPS organize its site according to its (a type of product according to our definition) and its to meet the needs of visitors as we describe below in best practices. services solutions Conclusion Understanding the differences between a product — whether it is a good or a service — and a solution enables the product marketer to properly communicate with prospective business buyers, putting the focus on the right mix of and the product or solution can do. This distinction also has value for the employees of the organization that produces the products or solutions as it causes them to better appreciate the nature of the organization’s business, particularly in the case of a business model that is focused on delivering solutions with recurring results. information about how claims about what With justifiable exceptions, most large organizations that think in terms of being providers of solutions present their products and solutions in distinct ways, even if the underlying product is the same. Business buyers have been trained to expect as much from large corporations so it makes sense to align with an existing, accepted pattern of presenting information, so as to limit distractions as buyers build up their understandings of solutions to their problem. That is a process fraught with enough distractions and reasons for buyers to say ‘no’ as it is. The complexity and/or formalness of the process depend on the organization. The important point is that a product is the result of a conscious decision to make something available for purchase. ↩︎ One does not — note the lower case ‘x’ — a document, one a document. The process by which that is achieved is , a term that does not belong to the company named Xerox. xerox photocopies xerography ↩︎ For economics nerds such as the author, a product can be considered a non-rivalrous good in that its use — and not purchase — by one individual does not reduce availability to others (with the exception of manufactured goods where other circumstances may apply). ) See Wikipedia for more ↩︎ With the exception of those who are learning for the first time that there is a difference between a product and a solution. Thank you, dear Reader. :-) ↩︎ It is more a question of style than anything else. ↩︎ 💚 If you liked this, please click the below. If you know someone who would like this too, please share it via one of the social media buttons below.

Amazon

fees

Oracle

United Parcel Service

Products and solutions: do you know the difference ?

So you are intrigued what is and want to try it? Since December 22 it’s possible to . If you don’t know anything about , I recommend you to , it’s awesome! However you don’t need to know how to write programs in Rust for this guide. WebAssembly compile Rust to WASM Rust language read about it I’ve been stuck many times before I ran WASM in VM. I’ve spent hours figuring out what’s wrong on each step and I want to help you save your time. So let’s start! First of all you should install Rust language on your computer. The best way to do it is to use a tool named rustup. You can install it as easy as curl -sSf | sh https://sh.rustup.rs Optionally variable (I recommend to do it if you are going to learn and use Rust). configure your [PATH](https://www.rust-lang.org/en-US/install.html) environment Install stable Rust and rustup target rustup install stablerustup default stablerustup target add wasm32-unknown-emscripten Installing new target is needed to your code to WASM from your platform. cross-compile Download a , then run command below: portable version of Emscripten SDK source .**/**emsdk_env.sh Now check emcc version emcc -v Probably you’ll get Emscripten SDK (aka emsdk) version 1.35.0 installed but you need 1.37.0 (or higher) to be able to compile to WASM. Unfortunately there are no precompiled binaries (at the moment of publishing this guide) so you should compile Emscriten SDK from sources. emsdk updateemsdk install sdk-incoming-64bitemsdk activate sdk-incoming-64bit It will take time (about 2 hours in my case) so be patient. When it’s done check again. It should tell you that you have (at least) 1.37.1 installed now. emcc -v From now you are all set up! Let’s try something! rustc --target=wasm32-unknown-emscripten hello.rs -o hello.html This will generate a bunch of files. We are only interested in three of them: hello.wasm hello.js hello.html First one is a binary. We can’t run wasm on it’s own. WebAssembly doesn’t have any I/O. So we need to wrap it into that will load, compile and run wasm. Generated HTML file provides an environment (with canvas and console) where we can run our code. WebAssembly JavaScript To run WebAssembly in browser you need either Chrome Canary Enabling WebAssembly in Chrome Canary or Firefox Nightly Enabling WebAssembly in Firefox Nightly Now run (or any other web server) and open (port may vary) in browser. You’ll see in Emscripten console. python -m SimpleHTTPServer http://localhost:8000/hello.html Hello, Emscripten! : Rust & WebAssembly hacker. Achievement unlocked Congrats! You just ran wasm in your browser! It looks like it’s not that hard to compile Rust to wasm, but believe me, a lot of people gave up doing this. Just follow comments from . There you can find my solutions to various issues. You unlikely will have any if you follow this guide step-by-step. Brendan Eich’s tweet Unfortunately Node.js doesn’t have full support of WebAssembly. However you can use or (I had no luck with it using rustc). polyfill [interpret-wasm](https://github.com/kripken/emscripten/wiki/WebAssembly#binaryen-methods) Binaryen method : you run wasm in Node.js! Clone , then switch to branch and from sources. Run script using built node with option. Update (Jan 6, 2017) can this repo vee-eight-lkgr build Node.js hello.js --expose-wasm WebAssembly running in Node.js Whoohoo! : compiling Rust to . This needs some work because I’ll need to connect rustc to emcc somehow and I don’t know how to do it yet. Ping me please if you can help! Next goal WebAssembly standalone Please let me know if you have any problems following this guide. I’ll try to help you and update guide to help other people too. Big thanks to ( ) for his help and hard work on Emscripten and Binaryen. Alon Zakai @kripken ( ) for reviewing this guide and always being awesome. Sean T. Larkin @TheLarkinn Ali Ijaz Sheikh ( ) for telling about branch of Node.js. @ofrobots vee-eight-lkgr About me: GitHub digger. TypeScript user. Rust newbie. Things-I-love evangelist. Public speaker (if you speak Russian you may like my or ). Contributed to React, Babel, etc. Helping maintain and . Part of crew, co-organizer of . Community guy whose glass is always half-full. public talk about WebAssembly other talks compat-table babel-preset-env MoscowJS BeerJS Moscow Follow me on Twitter @chicoxyzzy

HackerNoon Tech Stories Archive December 25th, 2016

A simple messaging app with React Native and Socket.io

@vinnyoodles
Vincent Le

[MySQL] Note: Relation: 1–1, 1-n, n-n, nest

@peterchang_82818
Peter Chang

Cure for JS Fatigue? — Build Something More Interesting

@wwalser
Wesley Walser

[Nodejs] Fast Setup MySQL and running in Node.js

@peterchang_82818
Peter Chang

The Boring Stack — The Best Way to Build Interesting Things

@wwalser
Wesley Walser

This is the funniest and informative performance article ever written.

@jean_vincent
Jean Vincent

Products and solutions: do you know the difference ?

@ktrueman
Kenneth Trueman

Compiling Rust to WebAssembly Guide

@chicoxyzzy
Sergey Rubanov

HackerNoon Tech Stories Archive December 25th, 2016

@vinnyoodlesVincent Le

@peterchang_82818Peter Chang

@wwalserWesley Walser

@peterchang_82818Peter Chang

@wwalserWesley Walser

@jean_vincentJean Vincent

@ktruemanKenneth Trueman

@chicoxyzzySergey Rubanov

@vinnyoodles
Vincent Le

@peterchang_82818
Peter Chang

@wwalser
Wesley Walser

@peterchang_82818
Peter Chang

@wwalser
Wesley Walser

@jean_vincent
Jean Vincent

@ktrueman
Kenneth Trueman

@chicoxyzzy
Sergey Rubanov