ReactXP - https://microsoft.github.io/reactxp/
React Native for Web - https://github.com/necolas/react-native-web
React Native for Web - https://github.com/necolas/react-native-web
By all reports, things went really smoothly — how did the team make it happen so seamlessly?
Guo: An important factor was, if you look at how we were migrating, we would constantly check in small changes into the master branch, so we were never merging major diffs. Getting the most bugs fixed, with a smaller audience iterating in small steps: that was the key approach to maintaining stability while still moving quickly.
CatchMeKillMe 243 points244 points245 points (23 children)[–]OfficialValKilmerVal Kilmer[S] 1413 points1414 points1415 points (22 children)
“The most important point I want to make is [that] the true problem, the true difficulty, and where the greatest potential lies is building the machine that makes the machine. In other words, building the factory … like a product,” said Musk at the annual meeting (starting at 2:20), predicting a new factory would deliver a “ten-fold improvement” in productivity.As a software developer, I felt that we can discuss, in the same way, about software-teams that are building software-products.
For small apps, there would be another way. Instead of bundling the web runtime with each app, they could use the system-provided web runtime instead. Both macOS and Windows contain a competent modern browser engine (WebKit on Mac, Edge on Windows). This engine is typically already loaded in memory. By using the system-provided runtime, Electron-style apps could become much slimmer both in terms of on-disk footprint and RAM usage.I’ve just released the first version of a runtime named Electrino which does exactly this.
json into yap-json to make it prettySpoilers: they have you make a blog.A blog. One of the most simple inventions that never would have existed without the web itself. And it takes full advantage of the web too: querying & persisting data to a database, an authentication system, session management, full CRUD for resources—and now these days social blogging platforms (like the site you’re reading this on) have also perfected relational features like following, liking, and commenting. A blogging site is the perfect example of a simple yet robust web application.
"Screw motivation, what you need is discipline."Part 2 - Practical Discipline - http://www.wisdomination.com/practical-discipline/
$('#dropDownId').val();To get the currently selected text:
$('#dropDownId :selected').text();
"puts UX at the foundation of the entire design process."
"From a functional perspective, you can successfully build a working system regardless of whether you start the design effort from the bottom (say, from the persistence model) or the top (say, from presentation layer and view model). From a UX perspective, you can only be successful if you start designing from presentation and view models and build everything else, including the back-end stack, from there."
"I learned from UX experts that requirements are better actively generated through evidence-based discussion than passively inferred via interviews"
"Very few tasks are entirely accomplished through a single screen that you can summarize effectively to a wireframe. Just looking into the wireframe of a screen may not be enough to spot possible bottlenecks of the process implementation. Concatenating screens in a storyboard is a much better idea. In this regard, the biggest challenge I see is finding the tools to build storyboards."
"... simply outsourcing the presentation layer to a team of UX experts isn’t enough. The presentation layer today is the most important part of a system and must result from the combined effort of solution architects, UX architects and customers. This must be the first step and ideally you move on only when the customer signs off on the presentation."
Figure 2 Tools for Quick and Effective UI PrototypingNot sure why https://www.invisionapp.com/ was not mentioned in his article above.
Tool URL Axure axure.com Balsamiq balsamiq.com Indigo Studio infragistics.com/products/indigo-studio JustInMind justinmind.com UXPin uxpin.com
obj.class.instance_methods(false)
Use source_location:
class A
def foo
end
endfile, line = A.instance_method(:foo).source_location
# or
file, line = A.new.method(:foo).source_location
puts "Method foo is defined in #{file}, line #{line}"
# => "Method foo is defined in temp.rb, line 2"
Much has been said about moving from monoliths to microservices. Besides rolling off the tongue nicely, it also seems like a no-brainer to chop up a monolith into microservices. But is this approach really the best choice for your organization? It’s true that there are many drawbacks to maintaining a messy monolithic application. But there is a compelling alternative which is often overlooked: modular application development. In this article, we'll explore what this alternative entails and show how it relates to building microservices.
FormattedRailsLoggerMonkey-patches Rails BufferedLogger (the standard Rails logger) to accept a formatter just like ruby Logger does. Provides a formatter that includes timestamp and severity in logs, while taking account of Rails habit of making space in the logfile by adding newlines to the beginning of log message.
I relay like rxjs. It’s very powerful tools, but at the same time it’s super dangerous. I know that creator of framework Cycle.js — André Staltz — resigned from using Rxjs and switched to xstreams. Main problem which forced him to switch to xstream was confusion around hot and cold observables. I think the same. Rxjs would be much easier without cold observable, if everything would be hot like with xstreams. Cold streams are handy but are super dangerous. Similar like with two way data binding. It’s cool feature, but super dangerous.
// const also works on objects
const MY_OBJECT = {'key': 'value'};
// Attempting to overwrite the object throws an error
MY_OBJECT = {'OTHER_KEY': 'value'};
// However, object keys are not protected,
// so the following statement is executed without problem
MY_OBJECT.key = 'otherValue'; // Use Object.freeze() to make object immutable
// The same applies to arrays
const MY_ARRAY = [];
// It's possible to push items into the array
MY_ARRAY.push('A'); // ["A"]
// However, assigning a new array to the variable throws an error
MY_ARRAY = ['B']
const func = o => {
var param1 = o.param1;
var param2 = o.param2;
//do stuff
}
{param1: param1, param2: param2}Whenever I trained a new team member on how to do code reviews, I instructed two major rules. In short, they went along these lines:
- Never make the other person feel bad about his/her work.
- Never give a review note that is based on a gut feeling.
REM is a REST API for prototyping. It accepts JSON requests, returns JSON responses and persists data between requests like a real API. But your test data is only visible to you. It's CORS enabled and no API key is required.
var xhr = new XMLHttpRequest() xhr.open("GET", "http://rem-rest-api.herokuapp.com/api/users", true) xhr.withCredentials = true xhr.send() xhr.onload = function() { var data = JSON.parse(xhr.responseText) }
Syntax
Basic Syntax
(param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression // equivalent to: (param1, param2, …, paramN) => { return expression; } // Parentheses are optional when there's only one parameter: (singleParam) => { statements } singleParam => { statements } // A function with no parameters requires parentheses: () => { statements } () => expression // equivalent to: () => { return expression; }Advanced Syntax
// Parenthesize the body to return an object literal expression: params => ({foo: bar}) // Rest parameters and default parameters are supported (param1, param2, ...rest) => { statements } (param1 = defaultValue1, param2, …, paramN = defaultValueN) => { statements } // Destructuring within the parameter list is also supported var f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c; f(); // 6Detailed syntax examples can be seen here.
One of the first questions new React developers have is, “How do I do AJAX requests in React?”Here’s an answer to that question.
First: React itself doesn’t have any allegiance to any particular way of fetching data. In fact, as far as React is concerned, it doesn’t even know there’s a “server” in the picture at all.React simply renders components, using data from only two places: props and state.
So therefore, to use some data from the server, you need to get that data into your components’ props or state.
You can complicate this process with services and data models (er, “build abstractions”) as much as you desire, but ultimately it’s just components rendering props and state.
KWeb is a library for building rich interactive web applications in pure Kotlin that makes the distinction between web browser and server largely invisible to the programmer.Kweb the new coroutines mechanism in upcoming Kotlin 1.1 to elegantly avoid callback hell.Kweb also incorporates a simple DSL for manipulating the browser’s DOM, and plugins to allow you to use popular JavaScript frameworks like JQuery and Material Design Light. It’s also surprisingly easy to add your own plugin for your favorite library or tool.
“Our standard is high. We always talk that whatever we achieve is going to be earned on the practice field and earned in a lot of different times throughout the course of the season when we may not have a crowd of people watching us.
"We try to pay for it in advance. Over the years, that hasn’t changed.”
Purpose
git-recallis a simple tool that allows you to easily go through your commits and check what you or other contributors in your team did. It doesn't aim to be a replacement for thegit logcommand, but just to be a handy way to recall what you've done from your terminal.
Introduce process only as a last resort
Lately, I’ve been thinking a lot about how organizations love process. Having systems and process can be very important. Without them, lines can be blurred, slopes become slippery, and maintaining consistency becomes very difficult. That being said, process is also toxic and dangerous to startups, especially at the early stages. When rules & process are introduced, you limit people’s autonomy, and chip away at the critical thinking and common sense that is required of them everyday.
For very focused code, portable system level tools, performance intensive tasks, and APIs, Go is very hard to beat. For full-stack web applications, distributed systems, real-time systems, or embedded applications, I’d reach for Elixir.