Free Microservice and Webhook Hosting. Deploy your code in seconds. Thousands of existing services to choose from. Integrated support for Node.js, NPM, and Github.
View all blog posts MongoDB 3.2 is now generally available for production deployments - you can download the community version or MongoDB Enterprise Server today. This is truly a giant release. MongoDB 3.2 features better support for robust, highly available multi-data center deployments, document validation to ensure you can leverage our flexible data model without sacrificing governance controls for data quality, improved tools for analytics, and much more.
Why break conversations into awkward and arbitrary pages, where you have to constantly find the Next Page button? We've replaced all that with the power of just-in-time loading. Want to read more? Keep scrolling down. When someone quotes your post, we'll notify you. When someone mentions your @name, we'll notify you.
At EmberConf 2015, Yehuda Katz and Tom Dale announced the arrival of certain changes to Ember 2. Most notably, the routable components RFC attracted a lot of attention because of its proposal to deprecate and eventually remove controllers. Naturally, this was alarming to many existing Ember users, especially since Ember and Sproutcore have always been MVC frameworks.
Babel 6 is much more configurable than Babel 5, but also more difficult to configure. This blog post gives tips. The following are a few important npm packages. All Babel packages reside in a single repository on GitHub. Browsing their source code and their package.json files is instructive.
Flexbox - not to be confused with Sex Box, the British TV show wherein Mariella Frostrup interviews people who've just had sex in a box - is the CSS layout toolkit de rigueur. Of all the celebrated features of Flexbox, it is the light work it makes of producing wrappable grids, tolerant of dynamic content, that I think's integral.
micromatch - Highly optimized wildcard and glob matching library. Faster, drop-in replacement to minimatch and multimatch. 100% test coverage. Downloaded more than 8.4 million times in 2015!
Today at JSConf US Last Call in Florida, we announced that we will open-source the core components of Chakra as ChakraCore, which will include all the key components of the JavaScript engine poweri...
Sometime in 1998, a former co-worker who had gone to work at Adobe came by my office at Bertlesmann to inform me of a brand new technology that she knew would excite me: PGML, or "Precision Graphics Markup Language." This was the Adobe flavor of XML for Vector Graphics.
Hi, I'm John Petitto, one of IBM's Swift developers located at IBM's Mobile Innovation Lab in Austin. We love Swift here and thought you would too so we are making our IBM Swift Sandbox available to developers on developerWorks.
Let's Encrypt is a free, automated, and open certificate authority brought to you by the Internet Security Research Group (ISRG). ISRG is a California public benefit corporation, and is recognized by the IRS as a tax-exempt organization under Section 501(c)(3) of the Internal Revenue Code.
VERY happy to see the open sourcing of much of the Foundation libraries (which includes dates, networking primitives, concurrency/task queues, I/O, etc). It'll provide a very strong start and make working with Swift immediately productive.
React Native Package Manager built to ease your daily React Native development. Inspired by Cocoapods, fastlane and react-native link it acts as your best friend and guides you through the native unknowns. It aims to work with almost all packages available with no extra configuration required.
Stewart Baker, former General Counsel of the NSA We kill people based on metadata - Michael Hayden, former Director of the NSA Vuvuzela is a messaging system that protects the privacy of message contents and message metadata. Users communicating through Vuvuzela do not reveal who they are talking to, even in the presence of powerful nation-state adversaries.
With the advent and success of the web, the de facto way of delivering user interfaces has shifted from thick-client applications to interfaces delivered via the web, a trend that has also enabled the growth of SAAS-based solutions in general.
Seven months ago, React Native for iOS came out. I built the ShenJS app for the 2015 JSConf China the day after the release. It was more out of curiosity than anything else. At Wiredcraft, we've also been building apps with the Ionic framework (Cordova + Angular.js) for one of our clients, so it's only fair that I compare these two.
These days people expect great experiences when interacting with web apps. Facebook, Twitter, Google, et al have spoiled the average web user with the rich, real time applications that load in a tenth of a second. Modern web users expect Forms to not require a full page reload on submission.
Your mother and I don't yet have the words to describe the hope you give us for the future. Your new life is full of promise, and we hope you will be happy and healthy so you can explore it fully. You've already given us a reason to reflect on the world we hope you live in.
Today, we're announcing an important change in how you receive updates to Sketch. After much thought, and with a heavy heart, we're moving Sketch away from the Mac App Store. If you’re a Mac App Store customer, all you need to do is download Sketch from our website, launch it and enter your email address to receive your license.
TL;DR I struggled for a long time trying to understand what React is and how it fits in the application architecture. This post is what I wish someone had told me. How does React compare to Angular, Ember, Backbone, et al? How do you handle data? How do you contact the server?
Martin Angelov You've probably heard about the popular JavaScript framework by Facebook - React. It is used by many popular websites, including Facebook itself and Instagram. In this article you will find 5 practical examples that have been built with React, and which will give you a head start with the framework.
A week ago I was playing with AngularJS and this little chat application which uses socket.io and nodejs for realtime communication. Yesterday I saw a post about ReactJS in EchoJS and started playing with this UI library.
If you like board games and are looking for an intense 1v1 Cold War experience where luck plays a small but not insignificant part, look no further than Twilight Struggle. There's a good reason it's #1 on BoardGameGeek. Its simple mechanic belies a deeper strategic richness.
In our previous post, we looked at some of the best features of React.js - a new generation framework from Facebook. Today, we'll build something useful with it. Once you get the hang of it, I think you'll be amazed at how easy it is to build components.
Today we'll look at how to wrap React components using Custom Elements, allowing us to interop with Web Component-based libraries using the DOM as a simple configuration API. Similar to libraries like Polymer, React cares about composition, lifecycle events and modularity so seeing how well it fits with Web Components is an interesting thought experiment.
Authoring React components always was a joy as it gives you a codebase with clear boundaries between concerns. However React.js, like most other solutions, doesn't help with styling components. Should I write one big CSS file, or one separate file per component? You are basically left on your own.
Dealing with scroll position when you insert content is usually a difficult problem to solve. We'll see how to use React life cycle methods to solve it elegantly. The first example is to maintain the scroll position at the bottom when an element is inserted at the bottom.
The file tree in Brackets is a bit complex and I did an experiment to see if I could use React to make it less complex. React's claim to fame is that its programming model is extraordinarily simple: you tell React how the page should look and behave and React makes it so.
Facebook react was not really made for two way data binding. But by adding a little complexity we can make two way data binding easily. Normally in facebook react data flows only in one direction; that is, parent to child.
In this post, I will demonstrate how to use Facebook React to build a simple form. It leverages the wingspan-forms library. wingspan-forms is a a dynamic form library for Facebook React, providing abstractions for building dynamic forms and controlled grids. Widgets are provided by Telerik's KendoUI.
ReactJS has fundamentally challenged & changed the way I view web UI. The brief time that I've been working with it has been full of "aha!" moments that have rekindled excitement for the web in a way that I haven't felt in years.
If you're into client-side web development to any extent, you've probably heard of Facebook's React library (or maybe you've just been living under a rock). Recently, I was working on a Chrome extension, and decided to see how well React fit in to the development I was doing.
I've recently started looking into ReactJS (Facebook's front-end JavaScript library) for building web UIs. React has an interesting philosophy about how the UI should function and be defined. First off, while many frameworks have an entire system for interacting with the server, routing, etc, React is just the View portion (in a MV* application).
React is "a javascript library for building user interfaces". If you haven't done so already, I highly recommend you watch Pete Hunt's presentation on React's design principles. React is a relatively simple library, especially when compared to full-fledged MVC frameworks like Angular, Ember, Backbone, and the rest.
Hi there! This webpage covers the space and time Big-O complexities of common algorithms used in Computer Science. When preparing for technical interviews in the past, I found myself spending hours crawling the internet putting together the best, average, and worst case complexities for search and sorting algorithms so that I wouldn't be stumped when asked about them.
My ES6 in Depth series consists of 24 articles covering most syntax changes and features coming in ES6. This article aims to summarize all of those, providing you with ...
Re-thinking the JavaScript utility belt, Highland manages synchronous and asynchronous code easily, using nothing more than standard JavaScript and Node-like Streams. You may be familiar with Promises, EventEmitters and callbacks, but moving between them is far from seamless. Thankfully, there exists a deeper abstraction which can free our code.
react-starter-kit - React Starter Kit - a skeleton of an "isomorphic" web application / SPA built with React.js, Express, Flux, ES6+, JSX, Babel, PostCSS, Webpack, BrowserSync...
Of all the things we do at Raspberry Pi, driving down the cost of computer hardware remains one of the most important. Even in the developed world, a programmable computer is a luxury item for a lot of people, and every extra dollar that we ask someone to spend decreases the chance that they'll choose ...
Forget overpriced schools, long days in a crowded classroom, and pitifully poor results. These websites and apps cover myriads of science, art, and technology topics. They will teach you practically anything, from making hummus to building apps in node.js, most of them for free.
When I started to program in Javascript, I experienced a lot of difficulty. I did not know where to find popular libraries and open source projects.
After a while I discovered the NPM - is a package manager for node.js. The first problem was solved. Now I knew where to look for popular packages. After exploring the NPM, I discovered GitHub - the most popular site for storing projects with open source. However, I still did not know how to find the most popular projects. I began to explore the possibilities of GitHub and NPM. And I found the solution.
Through these pages, I am always aware of the new and recently updated projects.
If the project has recently been updated, it means someone is actively engaged in the development of this project. Projects that are frequently updated deserve your attention. Usually is a reliable solution. In most cases, several people involved in developing the project, which means that the project is being actively developed and bugs are fixed quickly.
I use these pages to find projects in javascript. Of course you can use them to search for projects on your programming language.
After I became a daily basis to visit these pages, I began to better navigate the Node.js ecosystem and discovered a large number of outstanding projects.
I continue to discover new projects for me every day. The most interesting findings I am sharing here on 1po.st.
A few months back, angular-formly got a pull request from Koen Weyn who wanted to fix some IE8 compatibility issues with the project. He submitted a good PR, we iterated on it a little bit, and it got merged. He mentioned to me that it was his first ever GitHub pull request.
The new WordPress.com codebase, codenamed "Calypso," moves WordPress.com away from MySQL and PHP. It's built entirely in JavaScript, and communicates with WordPress.com only using our REST API. This means the new WordPress.com is a browser-based client for our API, just like any other application built on top of it - lighter, faster, and more flexible for a mobile-focused world.
Welcome to the MetricsBot API. We provide a robust API that makes it easy to fetch website data and domain metrics. All information displayed in the website metrics report is also available through the API with the added benefit of allowing the client to fetch information about multiple domains in a single HTTP request as well getting an easy to use machine readable json response.
Dillinger is a cloud-enabled, mobile-ready, offline-storage, AngularJS powered HTML5 Markdown editor.
Type some Markdown on the left
See HTML in the right
Magic
Markdown is a lightweight markup language based on the formatting conventions that people naturally use in email. As John Gruber writes on the Markdown site:
The overriding design goal for Markdown's formatting syntax is to make it as readable as possible. The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it's been marked up with tags or formatting instructions.
This text you see here is actually written in Markdown! To get a feel for Markdown's syntax, type some text into the left window and watch the results in the right.
Version
3.0.0
Tech
Dillinger uses a number of open source projects to work properly:
Please do not forget to fill your email in the settings. I plan to make the notification of replies to your messages in the near future. Do this and you will receive notification of replies to the email.
Asynchronous Programming with Python 3 Python 3.5 introduced the new keywords, async and await to Python. This change solidifies a strong commitment towards writing asynchronous programs in Python. Before in Python 3.4, we needed to use parts of the standard library (using the decorator asyncio.coroutine). So, what does this all mean?
The message should only appear for people using private Google Apps accounts. If you are using a private Google Apps account, do you have administrative control over the private Apps domain? You need to enable "allow users to publish documents on the web."
Setting up a Node.js production environment and the continuous deployment pipeline for that is not a trivial task to do. Also, if you don't have enough DevOps personnel, it may be impossible to achieve. In this article, I am going to show you how you can easily setup a build pipeline, a staging and a production environment.
We serve fast and scalable informational images as badges for GitHub, Travis CI, Jenkins, WordPress and many more services. Use them to track the state of your projects, or for promotional purposes.
Seneca is a microservices toolkit for Node.js. It provides plugins that look after the foundations of your app. This leaves you free to focus on the real, business code. No need to worry about which database to use, how to structure your components, or how to manage dependencies. Just start coding.
Deploy it in micro service style. Spin up hundreds of instances for heavy loading service and MicroMono will balance the requests for you automatically.
Serender is a tiny middleware for Express that takes care of rendering client-side apps on the server, making your content load first before your JavaScript code takes over. Demo screencast: http://youtu.be/ZvpjkA7q7pM $ npm install serender --save Front-end frameworks generally rely on the hashchange event in the browser, that's why you always have a # in the url.
The project is open source, and all the code as well as the exercises are available on GitHub. Browse through the various language tracks, or the code for the CLI. If you have a strong stomach, check out the code for this prototype.
Keyboard Shortcuts for Sketch. Improve your workflow with this list of Keyboard shortcuts for Sketch App. Learn how designers use custom shortcuts for Sketch.
Dear friends- I wanted to let you know I am stepping away from YC. I've been involved at YC since early 2011 and in that time it has been my privilege to work with over 600 startups and over a...
Kyle Simpson is raising funds for "You Don't Know JS" (book series) on Kickstarter! A book series exploring the parts of JavaScript that we all think we understand but don't REALLY know.
Flutter is a new way to build high-performance, cross-platform mobile apps. Flutter is optimized for today's, and tomorrow's, mobile devices. We are focused on low-latency input and high frame rates on Android and iOS.
Administrate is a new open-source library that helps you create beautiful admin dashboards in Rails apps. thoughtbot builds applications for all kinds of clients. No matter what field our clients are in, one of the most common needs is an admin dashboard - a window into the data behind the application.
bigcompany/view
view - a View-Presenter pattern for JavaScript
ebdrup/json-schema-benchmark
json-schema-benchmark - Benchmarks for Node.js JSON-schema validators
hook.io - Free Microservice and Webhook Hosting. Deploy your code in seconds.
Free Microservice and Webhook Hosting. Deploy your code in seconds. Thousands of existing services to choose from. Integrated support for Node.js, NPM, and Github.
Announcing the General Availability of MongoDB 3.2 and Bug Hunt Winners
View all blog posts MongoDB 3.2 is now generally available for production deployments - you can download the community version or MongoDB Enterprise Server today. This is truly a giant release. MongoDB 3.2 features better support for robust, highly available multi-data center deployments, document validation to ensure you can leverage our flexible data model without sacrificing governance controls for data quality, improved tools for analytics, and much more.
Discourse
Why break conversations into awkward and arbitrary pages, where you have to constantly find the Next Page button? We've replaced all that with the power of just-in-time loading. Want to read more? Keep scrolling down. When someone quotes your post, we'll notify you. When someone mentions your @name, we'll notify you.
kulakowka/express-unobtrusive-javascript-example
express-unobtrusive-javascript-example - Express.js unobtrusive javascript example
chentsulin/electron-react-boilerplate
electron-react-boilerplate - Live editing development on desktop app
fengyuanchen/cropperjs
cropperjs - JavaScript image cropper.
adleroliveira/dreamjs
dreamjs - A lightweight json data generator.
Learn to code and help nonprofits
Learn to code and build projects for nonprofits. Build your full stack web development portfolio today.
1602/jugglingdb
jugglingdb - Multi-database ORM: redis, mongodb, mysql, sqlite, postgres, neo4j, memory... Many databases, common API.
Ember.js - Goodbye MVC (Part 1) - The Ember Way
At EmberConf 2015, Yehuda Katz and Tom Dale announced the arrival of certain changes to Ember 2. Most notably, the routable components RFC attracted a lot of attention because of its proposal to deprecate and eventually remove controllers. Naturally, this was alarming to many existing Ember users, especially since Ember and Sproutcore have always been MVC frameworks.
nathancahill/Split.js
Split.js - Lightweight, unopinionated utility for adjustable split views
Configuring Babel 6
Babel 6 is much more configurable than Babel 5, but also more difficult to configure. This blog post gives tips. The following are a few important npm packages. All Babel packages reside in a single repository on GitHub. Browsing their source code and their package.json files is instructive.
Flexbox Grid Finesse
Flexbox - not to be confused with Sex Box, the British TV show wherein Mariella Frostrup interviews people who've just had sex in a box - is the CSS layout toolkit de rigueur. Of all the celebrated features of Flexbox, it is the light work it makes of producing wrappable grids, tolerant of dynamic content, that I think's integral.
ipselon/structor
structor - User interface builder for React
Survey of popular Node.js packages reveals credential leaks | Hacker News
Survey of popular Node.js packages reveals credential leaks
jonschlinkert/micromatch
micromatch - Highly optimized wildcard and glob matching library. Faster, drop-in replacement to minimatch and multimatch. 100% test coverage. Downloaded more than 8.4 million times in 2015!
madhums/node-express-mongoose-demo
node-express-mongoose-demo - A simple demo app in node.js using express, mongoose, passport.js for beginners
auduno/headtrackr
headtrackr - Javascript library for headtracking via webcam and WebRTC/getUserMedia
Microsoft Edge's JavaScript engine to go open-source
Today at JSConf US Last Call in Florida, we announced that we will open-source the core components of Chakra as ChakraCore, which will include all the key components of the JavaScript engine poweri...
airbnb/reagent
reagent - JavaScript Testing utilities for React
The Fall and Rise of SVG
Sometime in 1998, a former co-worker who had gone to work at Adobe came by my office at Bertlesmann to inform me of a brand new technology that she knew would excite me: PGML, or "Precision Graphics Markup Language." This was the Adobe flavor of XML for Vector Graphics.
Introducing the IBM Swift Sandbox - Swift
Hi, I'm John Petitto, one of IBM's Swift developers located at IBM's Mobile Innovation Lab in Austin. We love Swift here and thought you would too so we are making our IBM Swift Sandbox available to developers on developerWorks.
Google Analytics Dashboard for 1po.st
I set up a special dashboards to monitor the most important parameters of the project. This is link to GA report template.
https://habrastorage.org/files/df9/41d/085/df941d08522f4322a29339e96f11c186.png
I've added a footer that people can understand what this project and a link to the project repository.
React Worker DOM
A react custom renderer using Web Workers. An experiment to find out if Web Workers will make React render even faster ?
twitter/labella.js
labella.js - Placing labels on a timeline without overlap.
idiot/unslider
unslider - The simplest jQuery slider there is.
Entering Public Beta
Let's Encrypt is a free, automated, and open certificate authority brought to you by the Internet Security Research Group (ISRG). ISRG is a California public benefit corporation, and is recognized by the IRS as a tax-exempt organization under Section 501(c)(3) of the Internal Revenue Code.
Swift is Open Source | Hacker News
VERY happy to see the open sourcing of much of the Foundation libraries (which includes dates, networking primitives, concurrency/task queues, I/O, etc). It'll provide a very strong start and make working with Swift immediately productive.
vivus.js - svg animation
SVG Drawing Animation
flaviusmatis/simplePagination.js
simplePagination.js - A simple jQuery pagination plugin.
jdan/cleaver
cleaver - 30-second slideshows for hackers
rnpm/rnpm
React Native Package Manager built to ease your daily React Native development. Inspired by Cocoapods, fastlane and react-native link it acts as your best friend and guides you through the native unknowns. It aims to work with almost all packages available with no extra configuration required.
datazenit/sensei-grid
sensei-grid - Simple and lightweight data grid in JS/HTML
davidlazar/vuvuzela
Stewart Baker, former General Counsel of the NSA We kill people based on metadata - Michael Hayden, former Director of the NSA Vuvuzela is a messaging system that protects the privacy of message contents and message metadata. Users communicating through Vuvuzela do not reveal who they are talking to, even in the presence of powerful nation-state adversaries.
Data Structure Visualization
David Galles Computer Science University of San Francisco
Sam Newman
With the advent and success of the web, the de facto way of delivering user interfaces has shifted from thick-client applications to interfaces delivered via the web, a trend that has also enabled the growth of SAAS-based solutions in general.
Matreshka JavaScript Framework
Feel the power of accessors. The first framework which is hacked JavaScript.
Building a Native Soundcloud Android app with React Native and Redux
Seven months ago, React Native for iOS came out. I built the ShenJS app for the 2015 JSConf China the day after the release. It was more out of curiosity than anything else. At Wiredcraft, we've also been building apps with the Ionic framework (Cordova + Angular.js) for one of our clients, so it's only fair that I compare these two.
The Lifting - JSFiddle Updates
So this just happened, a JSFiddle update. There's no denying that this doesn't happen very often, to be more precise vis...
Hello Twilio, Meteor here!
These days people expect great experiences when interacting with web apps. Facebook, Twitter, Google, et al have spoiled the average web user with the rich, real time applications that load in a tenth of a second. Modern web users expect Forms to not require a full page reload on submission.
DrMongo/DrMongo
DrMongo - MongoDB admin app built on MeteorJs.
npm-stat: download statistics for NPM packages
download statistics for NPM packages
A letter to our daughter
Your mother and I don't yet have the words to describe the hope you give us for the future. Your new life is full of promise, and we hope you will be happy and healthy so you can explore it fully. You've already given us a reason to reflect on the world we hope you live in.
Leaving the Mac App Store
Today, we're announcing an important change in how you receive updates to Sketch. After much thought, and with a heavy heart, we're moving Sketch away from the Mac App Store. If you’re a Mac App Store customer, all you need to do is download Sketch from our website, launch it and enter your email address to receive your license.
sindresorhus/awesome
A curated list of awesome lists
ReactJS For Stupid People
TL;DR I struggled for a long time trying to understand what React is and how it fits in the application architecture. This post is what I wish someone had told me. How does React compare to Angular, Ember, Backbone, et al? How do you handle data? How do you contact the server?
5 Practical Examples For Learning The React Framework
Martin Angelov You've probably heard about the popular JavaScript framework by Facebook - React. It is used by many popular websites, including Facebook itself and Instagram. In this article you will find 5 practical examples that have been built with React, and which will give you a head start with the framework.
ReactJS and Socket.IO Chat Application
A week ago I was playing with AngularJS and this little chat application which uses socket.io and nodejs for realtime communication. Yesterday I saw a post about ReactJS in EchoJS and started playing with this UI library.
Building a board game with React.js
If you like board games and are looking for an intense 1v1 Cold War experience where luck plays a small but not insignificant part, look no further than Twilight Struggle. There's a good reason it's #1 on BoardGameGeek. Its simple mechanic belies a deeper strategic richness.
Getting Started with React.js: Creating Material Design Components
In our previous post, we looked at some of the best features of React.js - a new generation framework from Facebook. Today, we'll build something useful with it. Once you get the hang of it, I think you'll be amazed at how easy it is to build components.
Component Interop With React And Custom Elements
Today we'll look at how to wrap React components using Custom Elements, allowing us to interop with Web Component-based libraries using the DOM as a simple configuration API. Similar to libraries like Polymer, React cares about composition, lifecycle events and modularity so seeing how well it fits with Web Components is an interesting thought experiment.
React Style
Authoring React components always was a joy as it gives you a codebase with clear boundaries between concerns. However React.js, like most other solutions, doesn't help with styling components. Should I write one big CSS file, or one separate file per component? You are basically left on your own.
Vjeux
Dealing with scroll position when you insert content is usually a difficult problem to solve. We'll see how to use React life cycle methods to solve it elegantly. The first example is to maintain the scroll position at the bottom when an element is inserted at the bottom.
Simplifying Code with React : kevindangoor.com
The file tree in Brackets is a bit complex and I did an experiment to see if I could use React to make it less complex. React's claim to fame is that its programming model is extraordinarily simple: you tell React how the page should look and behave and React makes it so.
React Tutorial: Two way data binding
Facebook react was not really made for two way data binding. But by adding a little complexity we can make two way data binding easily. Normally in facebook react data flows only in one direction; that is, parent to child.
Dustin Getz's blog
In this post, I will demonstrate how to use Facebook React to build a simple form. It leverages the wingspan-forms library. wingspan-forms is a a dynamic form library for Facebook React, providing abstractions for building dynamic forms and controlled grids. Widgets are provided by Telerik's KendoUI.
Using ReactJS and KendoUI Together
ReactJS has fundamentally challenged & changed the way I view web UI. The brief time that I've been working with it has been full of "aha!" moments that have rekindled excitement for the web in a way that I haven't felt in years.
Creating Chrome Extensions with React
If you're into client-side web development to any extent, you've probably heard of Facebook's React library (or maybe you've just been living under a rock). Recently, I was working on a Chrome extension, and decided to see how well React fit in to the development I was doing.
Ryan Lanciaux
I've recently started looking into ReactJS (Facebook's front-end JavaScript library) for building web UIs. React has an interesting philosophy about how the UI should function and be defined. First off, while many frameworks have an entire system for interacting with the server, routing, etc, React is just the View portion (in a MV* application).
React beginner tutorial: implementing the board game Go
React is "a javascript library for building user interfaces". If you haven't done so already, I highly recommend you watch Pete Hunt's presentation on React's design principles. React is a relatively simple library, especially when compared to full-fledged MVC frameworks like Angular, Ember, Backbone, and the rest.
React Tutorials
A series of quick tutorials on React.
petehunt/react-one-hour-email
react-one-hour-email - Build a very simple email client in an hour, step by step.
facebook/react
react - A declarative, efficient, and flexible JavaScript library for building user interfaces.
A JavaScript library for building user interfaces | React
A JavaScript library for building user interfaces
Big-O Algorithm Complexity Cheat Sheet
Hi there! This webpage covers the space and time Big-O complexities of common algorithms used in Computer Science. When preparing for technical interviews in the past, I found myself spending hours crawling the internet putting together the best, average, and worst case complexities for search and sorting algorithms so that I wouldn't be stumped when asked about them.
Creating a desktop application from website
You can make a similar application from any Web site using fluidapp.
For example, I have made an application for Mac:
https://habrastorage.org/files/f63/9a2/e3a/f639a2e3ae0f4ffd8d3d6a5e272fc750.png
rackt/history
A minimal, functional history library for JavaScript
juanfran/postcss-trolling
postcss-trolling - PostCSS plugin to increase the productivity of your co-workers
mbartoli/neural-animation
neural-animation - Implementing neural art on video
bdefore/redux-universal-starter
redux-universal-starter - A universal redux starter (ES6, Webpack, Express)
ES6 Overview in 350 Bullet Points
My ES6 in Depth series consists of 24 articles covering most syntax changes and features coming in ES6. This article aims to summarize all of those, providing you with ...
Top JavaScript Frameworks, Libraries and Tools and When to Use Them
Microsoft's Rami Sayar comes up with his list of the top JavaScript frameworks, libraries and tools, and explains when to use them.
Github Pages: Let's Encrypt!
Github Pages: Let's Encrypt!
Highland.js
Re-thinking the JavaScript utility belt, Highland manages synchronous and asynchronous code easily, using nothing more than standard JavaScript and Node-like Streams. You may be familiar with Promises, EventEmitters and callbacks, but moving between them is far from seamless. Thankfully, there exists a deeper abstraction which can free our code.
OutSystems/AutoAnimations
AutoAnimations - Automatically animate all inserted and removed DOM elements
ruanyf/react-babel-webpack-boilerplate
react-babel-webpack-boilerplate - a boilerplate for React-Babel-Webpack project
React For Beginners
Want to upgrade your JavaScript skills and learn React.js? Learn how to build websites and web apps in just a couple of afternoons.
kriasoft/react-starter-kit
react-starter-kit - React Starter Kit - a skeleton of an "isomorphic" web application / SPA built with React.js, Express, Flux, ES6+, JSX, Babel, PostCSS, Webpack, BrowserSync...
binggg/mrn
mrn - Material React Native - React Native material design components
Raspberry Pi Zero: the $5 computer - Raspberry Pi
Of all the things we do at Raspberry Pi, driving down the cost of computer hardware remains one of the most important. Even in the developed world, a programmable computer is a luxury item for a lot of people, and every extra dollar that we ask someone to spend decreases the chance that they'll choose ...
The 37 Best Websites To Learn Something New - Life Learning
Forget overpriced schools, long days in a crowded classroom, and pitifully poor results. These websites and apps cover myriads of science, art, and technology topics. They will teach you practically anything, from making hummus to building apps in node.js, most of them for free.
Blue color is shit. Maybe you can change it to other color?
skaterdav85/validatorjs
validatorjs - A data validation library in JavaScript for the browser and Node.js, inspired by the Validator class in the Laravel framework.
How to find a good library for your project?
When I started to program in Javascript, I experienced a lot of difficulty. I did not know where to find popular libraries and open source projects.
After a while I discovered the NPM - is a package manager for node.js. The first problem was solved. Now I knew where to look for popular packages. After exploring the NPM, I discovered GitHub - the most popular site for storing projects with open source. However, I still did not know how to find the most popular projects. I began to explore the possibilities of GitHub and NPM. And I found the solution.
Through these pages, I am always aware of the new and recently updated projects.
Most starred NPM packages:
npmjs.com/browse/star
Here you will find the most popular open source packages that Javascript developers from all over the world use in their projects.
Recently updated NPM packages:
npmjs.com/browse/updated
If the project has recently been updated, it means someone is actively engaged in the development of this project. Projects that are frequently updated deserve your attention. Usually is a reliable solution. In most cases, several people involved in developing the project, which means that the project is being actively developed and bugs are fixed quickly.
Trending repositories at GitHub:
github.com/trending
On this page you can find projects that are gaining popularity at the moment.
Recently updated repositories:
github.com/search
I use these pages to find projects in javascript. Of course you can use them to search for projects on your programming language.
After I became a daily basis to visit these pages, I began to better navigate the Node.js ecosystem and discovered a large number of outstanding projects.
I continue to discover new projects for me every day. The most interesting findings I am sharing here on 1po.st.
hontas/gulp-task-loader
gulp-task-loader - Organize your gulp-tasks in separate files
caseyscarborough/github-activity
github-activity - A widget for displaying GitHub activity for a user.
First Timers Only
A few months back, angular-formly got a pull request from Koen Weyn who wanted to fix some IE8 compatibility issues with the project. He submitted a good PR, we iterated on it a little bit, and it got merged. He mentioned to me that it was his first ever GitHub pull request.
If you have ideas for the new features, do not hesitate to create tasks on GitHub
Web Authentication Methods Explained | RisingStack
Cookies, tokens and other web authentication methods starting with HTTP Basic authentication with cookies and tokens, and finish up with signatures.
Central for everything ASCII & Unicode - ASCII.li
Cool ASCII emoticon generators and tools. ASCII & Unicode related News <('o'<) and massive text emoticon database! This is ASCII.li.
Introducing the New WordPress.com
The new WordPress.com codebase, codenamed "Calypso," moves WordPress.com away from MySQL and PHP. It's built entirely in JavaScript, and communicates with WordPress.com only using our REST API. This means the new WordPress.com is a browser-based client for our API, just like any other application built on top of it - lighter, faster, and more flexible for a mobile-focused world.
Super Radish Witch Dev Blog
Super Radish Witch is a game for phones! Feel free to read about the development here.
Codesign
Simplest feedback tool to get done your visual projects: websites, designs and presentations.
ncsoft/Unreal.js
Unreal.js - Javascript runtime built for UnrealEngine 4
zzarcon/microm
microm - :musical_note: Beautiful library to convert browser microphone to mp3 in Javascript :musical_note:
Some comments
Aww man, I dunno how to distinguish one post from the other ._.
And why should one not be logged in when one creates an account?
Websites for Trello :: run your site from a Trello Board
Do you use Trello and want to have a personal blog or website? Websites for Trello is the CMS you're looking for.
MetricsBot API
Welcome to the MetricsBot API. We provide a robust API that makes it easy to fetch website data and domain metrics. All information displayed in the website metrics report is also available through the API with the added benefit of allowing the client to fetch information about multiple domains in a single HTTP request as well getting an easy to use machine readable json response.
Only Real-Time will Remain Standing
Torrunt/vimage
vimage - A simplistic image viewer for Windows, inspired by vjpeg.
Goo Create
Create HTML5/WebGL 3D Content for the Web
shakacode/react_on_rails
react_on_rails - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps
ptmt/react-native-desktop
react-native-desktop - React Native for OS X
legomushroom/mojs
mojs - motion graphics library for the web
How to read 1po.st on mobile (IOS)
You can add a site to the screen "home."
https://habrastorage.org/files/db1/90c/1c9/db190c1c95ef4b649cc746c7161796d5.png
This is a beta version.
Do not be afraid to experiment with the functionality of the site. Try not to hesitating.
Dillinger
Dillinger is a cloud-enabled, mobile-ready, offline-storage, AngularJS powered HTML5 Markdown editor.
Markdown is a lightweight markup language based on the formatting conventions that people naturally use in email. As John Gruber writes on the Markdown site:
This text you see here is actually written in Markdown! To get a feel for Markdown's syntax, type some text into the left window and watch the results in the right.
Version
3.0.0
Tech
Dillinger uses a number of open source projects to work properly:
Installation
$ git clone [git-repo-url] dillinger $ cd dillinger $ npm i -d $ mkdir -p public/files/{md,html,pdf} $ gulp build --prod $ NODE_ENV=production node appPlugins
Dillinger is currently extended with the following plugins
Readmes, how to use them in your own application can be found here:
Development
Want to contribute? Great!
Dillinger uses Gulp + Webpack for fast developing.
Make a change in your file and instantanously see your updates!
Open your favorite Terminal and run these commands.
First Tab:
$ node appSecond Tab:
$ gulp watch(optional) Third:
$ karma startTodo's
Write Tests
Github saving overhaul
Code Commenting
Night Mode
License
MIT
Free Software, Hell Yeah!
[Google | www.google.com]
Google (www.google.com)
www.google.com
sdsfsdfsdf
wiseguy.com
INIT
uptownhr/dpanel
dpanel - An easy cpanel alternative using docker.
What do you say about font-size?
Word Story
Now is the time for all good men to come to the aid of their fellow man.
This is an example inline link.
This is an example inline link.
Hello World Again
Please do not forget to fill your email in the settings. I plan to make the notification of replies to your messages in the near future. Do this and you will receive notification of replies to the email.
#Now is the time for all good men to come to the aid of their fellow man.
Howdy
##Hello World!
javascript://%0d%0aalert(1);
)
Comical way to promote butt stuff
It's a joke, I'm sure Amy Schumer would wear this shirt.All proceeds go to my empire building business.
OK.
hello?
Asynchronous Programming with Python 3
Asynchronous Programming with Python 3 Python 3.5 introduced the new keywords, async and await to Python. This change solidifies a strong commitment towards writing asynchronous programs in Python. Before in Python 3.4, we needed to use parts of the standard library (using the decorator asyncio.coroutine). So, what does this all mean?
Suggest your ideas for improvements and new features. You can make pull request, too.
We use embedly for url parsing.
sample<script>
alert('as');
</script>
def hello(name) puts "Hello #{name}, welcome to 1po.st" endHello hackers
I want to introduce you to my new project.
This is analogous to the Hacker News, with support markdown and syntax highlighting.
function App (error, callback) { }The project is open source.
Source code available on github.
Pull requests are welcome!
StoryMap JS - Telling stories with maps.
The message should only appear for people using private Google Apps accounts. If you are using a private Google Apps account, do you have administrative control over the private Apps domain? You need to enable "allow users to publish documents on the web."
Node.js Production Environment - a Step-By-Step Guide
Setting up a Node.js production environment and the continuous deployment pipeline for that is not a trivial task to do. Also, if you don't have enough DevOps personnel, it may be impossible to achieve. In this article, I am going to show you how you can easily setup a build pipeline, a staging and a production environment.
Cherrie - Run tests only for code, that was changed
Don't run all the tests every time, run only tests that were affected by a last commit.
sahat/hackathon-starter
hackathon-starter - A boilerplate for Node.js web applications
facebook/mention-bot
mention-bot - Automatically mention potential reviewers on pull requests.
Shields.io: Quality metadata badges for open source projects
We serve fast and scalable informational images as badges for GitHub, Travis CI, Jenkins, WordPress and many more services. Use them to track the state of your projects, or for promotional purposes.
Seneca, a microservices toolkit for Node.js
Seneca is a microservices toolkit for Node.js. It provides plugins that look after the foundations of your app. This leaves you free to focus on the real, business code. No need to worry about which database to use, how to structure your components, or how to manage dependencies. Just start coding.
MicroMono
Deploy it in micro service style. Spin up hundreds of instances for heavy loading service and MicroMono will balance the requests for you automatically.
Visual Studio Code v0.10.0
See what is new in Visual Studio Code 0.10.0
hunterloftis/jackrabbit
jackrabbit - Simple AMQP / RabbitMQ job queues for node based on amqplib
depoio/node-telegram-bot
node-telegram-bot - Client wrapper for Telegram Bot API (Under heavy development)
Hi
Nixar - Joyable equivalents for existent linux commands
Nixar - Joyable equivalents for existent linux commands
PencilBlue
PencilBlue is the only Node.js CMS and blogging platform to meet all the needs of a modern website.
taye/interact.js
interact.js - JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+)
luin/readability
readability - Turn any web page into a clean view
Serender
Serender is a tiny middleware for Express that takes care of rendering client-side apps on the server, making your content load first before your JavaScript code takes over. Demo screencast: http://youtu.be/ZvpjkA7q7pM $ npm install serender --save Front-end frameworks generally rely on the hashchange event in the browser, that's why you always have a # in the url.
alexcurtis/react-treebeard
react-treebeard - React Tree View Component. Fast, Efficient and Customisable.
ukupat/trolol
trolol - Troll your friends with simple commands AS QUICKLY AS POSSIBLE
exercism.io
The project is open source, and all the code as well as the exercises are available on GitHub. Browse through the various language tracks, or the code for the CLI. If you have a strong stomach, check out the code for this prototype.
Valve/fingerprintjs2
fingerprintjs2 - Modern & flexible browser fingerprinting library, a successor to the original fingerprintjs
Ghosh/uiGradients
uiGradients - Beautiful colour gradients for design and code
Synaptic - The javascript neural network library
Diet.js
Diet is a beautiful, minimalistic, extensible web application framework for node.
Keyboard Shortcuts for Sketch App
Keyboard Shortcuts for Sketch. Improve your workflow with this list of Keyboard shortcuts for Sketch App. Learn how designers use custom shortcuts for Sketch.
OptimalBits/node_acl
node_acl - Access control lists for node applications
pstadler/flightplan
flightplan - Node.js library for streamlining application deployment or systems administration tasks.
RickWong/react-isomorphic-starterkit
react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes!
vbauer/manet
manet - Website screenshot service powered by Node.js, SlimerJS and PhantomJS
Cropper
A simple jQuery image cropping plugin.
halt-hammerzeit/webpack-isomorphic-tools
webpack-isomorphic-tools - Server-side rendering for your Webpack-built applications (e.g. React)
SuperScript - A language for writing Chat Bots
SuperScript Create Human like chatbots with real AI
Gigacore/gBoxShadow
gBoxShadow - Gravity-sensing box-shadow for Flat UI
Thank you, Y Combinator
Dear friends- I wanted to let you know I am stepping away from YC. I've been involved at YC since early 2011 and in that time it has been my privilege to work with over 600 startups and over a...
kulakowka/1post
1post - Source core of 1po.st
kulakowka/1post
1post - My experiments with expressjs
ShiftJS
whackashoe/antimoderate
antimoderate - The progressive image loading library for great good!
"You Don't Know JS" (book series)
Kyle Simpson is raising funds for "You Don't Know JS" (book series) on Kickstarter! A book series exploring the parts of JavaScript that we all think we understand but don't REALLY know.
wesbos/React-For-Beginners-Starter-Files
Contribute to React-For-Beginners-Starter-Files development by creating an account on GitHub.
javierbyte/img2css
img2css - Convert any image to pure CSS.
yaronn/wopr
wopr - A simple markup language for creating rich terminal reports, presentations and infographics
NodeRedis/node_redis
node_redis - redis client for node
sindresorhus/ava
ava - Futuristic test runner :rocket:
benoitvallon/react-native-nw-react-calculator
react-native-nw-react-calculator - A mobile, desktop and website App with the same code
There is a list of your comments in your profile.
Flutter
Flutter is a new way to build high-performance, cross-platform mobile apps. Flutter is optimized for today's, and tomorrow's, mobile devices. We are focused on low-latency input and high frame rates on Android and iOS.
Markdown demo
You can use markdown with syntax highlighting:
var fetch = require('node-fetch'); fetch('https://api.github.com/users/github') .then(function(res) { return res.json(); }).then(function(json) { console.log(json); });Announcing Administrate
Administrate is a new open-source library that helps you create beautiful admin dashboards in Rails apps. thoughtbot builds applications for all kinds of clients. No matter what field our clients are in, one of the most common needs is an admin dashboard - a window into the data behind the application.
HenrikJoreteg/templatizer
templatizer - Simple solution for compiling jade templates into vanilla JS functions for blazin' fast client-side use.