Routing and Navigation in React Native - Dotan Nahum
Note: this is part of my upcoming Programming React Native book. Enjoy!Why navigationYou might ask yourself: why do you need navigation? What’s a n...
routing  tips  react-native  javascript  coding 
19 hours ago
How to create a React component to publish on NPM? | Front-End Insights
In the blog post I am explaining how to create the React component as a library to publish on NPM (Node Package Manager).
coding  npm-module  npm  reactjs  tips  tutorial  javascript 
Spectacle - Similar to Moom
Move and resize windows with ease
Window control with simple and customizable keyboard shortcuts
app  utilities  apps  to-download  osx  tools 
3 days ago
DropzoneJS is an open source library that provides drag and drop file uploads with image previews.
files  javascript  images  image-uploading 
4 days ago
Splitting pull request | Better world by better software
Splitting pull request
How to split a large pull request into several smaller ones.
Yesterday I have added several features to a fork of semantic-release-gitlab. I have opened a pull request (called "Merge Request" on GitLab) to the repo's author here. The pull request has 6 commits, since I was adding more code as I was debugging the problem. The author Hutson Betts asked me to split my pull request into 3 smaller focused ones.
tricks  coding  git  github  tips  tutorial  pull-requests 
4 days ago
vhpoet/react-native-styling-cheat-sheet: Most of the React Native styling material in one page
react-native-styling-cheat-sheet - Most of the React Native styling material in one page
react-native  javascript  coding  iOS 
4 days ago
transistorsoft/react-native-background-geolocation: Sophisticated, battery-conscious background-geolocation with motion-detection
react-native-background-geolocation - Sophisticated, battery-conscious background-geolocation with motion-detection
coding  location  react-native  iOS  reactjs  maps  modules  javascript 
4 days ago
Hexagon.js — Robert Reese's Website
For some time I have been interested in the new HTML5 features primarily Canvas and WebGL. For this reason I looked at implementing a very simple RPG in HTML5. Five years ago the idea of doing so
javascript  hexagon  maps 
6 days ago
Building a File Uploader with NodeJs | coligo
Build an AJAX file uploader with NodeJs, express, and formidable
files  nodejs  uploads 
7 days ago
Draw a Box: An exercise based approach to learning the fundamentals of drawing
A free, exercise based approach to learning the fundamentals of drawing
drawing  to-do  learning 
8 days ago
Surge - Deployment for front-end developers
Shipping web projects should be fast, easy, and low risk. Surge is static web publishing for Front-End Developers, right from the CLI.
utilities  nodejs  webdev  coding  tools  deployment 
16 days ago
Use React Native to a Create a Face Recognition App
Wern Ancheta uses React Native and the Microsoft face API to create a face recognition app.
reactjs  react-native 
22 days ago
Create your own Google Maps style - Snazzy Maps - Free Styles for Google Maps
Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers.
googlemaps  maps 
23 days ago
Set pitch and bearing | Mapbox
Map options extend CameraOptions, so you can set more than just center and zoom
mapbox  perspective  maps  coding 
23 days ago
Optimizing React with Immutable.js — Medium
The web gets faster everyday. This is just as much of a good thing for the people working on the internet as it is for everyone else.
to-read  javascript  coding  reactjs  optimization 
23 days ago
Hey Siri is a list with many different commands for Siri in english and german
Siri  voice-assistant  commands  iOS 
23 days ago
There are limits to 2FA and it can be near-crippling to your digital life | Ars Technica
A video demonstration of the vulnerability here, using a temporary password.Kapil Haresh This piece first appeared on Medium and is republished here with the permission of the author. It reveals a l
security  authentication  2FA 
23 days ago
5 useful tips for real-world Redux - Movio Blog
Here are five useful tips for real-word Redux.
tips  redux  coding  reactjs 
28 days ago
"I've never had a goal"
Jason Fried, founder of 37signals (which became Basecamp a few years back) writes about not having goals. I can't remember having a goal. An actual goal. There are things I've wanted to do, but if I
28 days ago
Node Hero - Node.js Security Tutorial | @RisingStack
Learn how to defend your applications against the most common attack vectors from this Node.js security tutorial. 11th part of the Node Hero series.
nodejs  node  security  javascript  coding  tips 
4 weeks ago
Getting Started with TDD in React – Angularity
A step-by-step tutorial for testing React with Enzyme.
testing  javascript  coding  reactjs 
5 weeks ago
3 simple steps to improve your React Redux code | Cheesecake Labs
Learn how to improve your React Redux code and ensure its scalability and maintainability in the long run through 3 simple steps.
redux  reactjs  coding 
5 weeks ago
React.js in patterns
Long time I was searching for a good front-end framework. Framework that will help me write scalable and easy to maintain UI. Even though React is just a library for rendering it comes with so many benefits that I can easily say “I found it”. And like every thing that I use a lot I started seeing some patterns. Techniques that are applied over and over again and I see in the code of other developers. It’s time that I start documenting, discussing and sharing these patterns.

All the techniques described here are available in repository. I’ll probably not update this blog post but will continue publishing stuff in GitHub. I’ll also encourage you to comment below, file an issue or directly make a pull request with patterns that you recognize.
reactjs  coding  javascript 
5 weeks ago
I’m Voting For The Democrat In November Because I’m Not A Human Tire Fire — Medium
I’m Voting For The Democrat In November Because I’m Not A Human Tire Fire
This is for anybody wasting time online blathering about how Hillary and Trump are the same; how if Hillary gets the nomination, they won’t vote at all; or how they’re super-stoked to vote for a third party candidate because THEY HAVE PRINCIPLES, GODDAMMIT.
Hi. I’m your Auntie Sara. Time to wake the fuck up. If you are decent, you are going to vote for the Democrat in November. Not because you love Hillary (or Bernie, for whom I will vote if Hillary doesn’t get the nomination!) Not because you love the two-party system (I don’t! Do you? That’s weird! We deserve better!) But because we’re dealing with brass tacks reality here, not our dreams.
clinton  elections  politics  presidents 
5 weeks ago
The PocketLab | Wireless sensor for STEM education and makers.
PocketLab connects with a single button to a smart phone, tablet, Chromebook, or computer and instantly streams data that you can see and record. PocketLab measures motion, acceleration, angular
for-kids  learning  Science  neat  to-buy 
5 weeks ago
What is this? Rollup is a next-generation JavaScript module bundler. Author your app or library using ES2015 modules, then efficiently bundle them up into a single file for use in browsers and
javascript  webdev  coding 
5 weeks ago
2016 Election Forecast | FiveThirtyEight
2016 Election ForecastElectoral votesElectoral votes310.8Popular vote46.9%
5 weeks ago
Material Kit by Creative Tim
bootstrap  templates  coding  material-design  ui 
6 weeks ago
Building React Components Library (Conf Edition) // Speaker Deck

React provides a great foundation for building and implementing reusable components, that whole team (and community) could greatly benefit from. But to make the code actually reusable, it should be properly presented and documented. Robert will guide you through the key patterns of building React components library with proper navigation, rendered components sandbox and API description.
components  coding  react  reactjs 
6 weeks ago
You might not need React Router — Medium
If you happened to work with Facebook’s React.js library for a while, you might notice a few misconceptions floating in the React community. One of them is the affirmation that React is just V from
6 weeks ago
Jank Free: Let's Make the Web Silky Smooth!
Strapped for time or just getting started with eliminating jank from your projects? These are our must-see resources!
7 weeks ago
Bing Maps Tile System
Bing Maps provides a world map that users can directly manipulate to pan and zoom. To make this interaction as fast and responsive as possible, we chose to pre-render the map at many different levels of detail, and to cut each map into tiles for quick retrieval and display. This document describes the projection, coordinate systems, and addressing scheme of the map tiles, which collectively are called the Bing Maps Tile System.
mapping  maps  coding  quads 
7 weeks ago
Create and Verify JWTs with Node.js
JWT, access token, token, OAuth token.. what does it all mean?? Properly known as
javascript  nodejs  coding  node 
7 weeks ago
mysql - How can an SQL query return data from multiple tables - Stack Overflow
This answer covers: Part 1 Joining two or more tables using an inner join (See the wikipedia entry for additional info) How to use a union query Left and Right Outer Joins (this stackOverflow answer
databases  sql 
7 weeks ago
How three dots changed JavaScript: spread operator and rest parameter
Spread operator and rest parameter are great additions. The article explains how they improve array literals, array destructuring and function arguments handling.
ES6  tips  javascript  coding 
8 weeks ago
How to set NODE_ENV to production/development in OS X - Stack Overflow
Before running your app, you can do this in console, export NODE_ENV=production Or if you are in windows you could try this: SET NODE_ENV=production or you can run your app like this:
nodejs  node  coding 
8 weeks ago
How To Efficiently Display Large Amounts of Data on iOS Maps
This tutorial will demonstrate how to handle and display thousands of points of data on an iOS map in a way people understand and enjoy.

We are going to make an iOS app which ships with 87,000 hotels, each with a coordinate, a name and a phone number. This app will never ask the user to “redo search in area”; it will update the map as the user pans and zooms, allowing the user to freely explore the data.

This will require us to come up with an ultra quick data structure built for the task. We will need to build it in C for it to be performant. Once we have constructed our data structure we will come up with a clustering system, as to not overwhelm the user. Finally, we will give it the professional polish that is required for apps to compete in today’s market.

By the end of this tutorial you will have all the components needed to make this app:
maps  quadtree  data-structures 
8 weeks ago
Awesome React Boilerplates -
Not interested in reinventing the wheel? Neither am I. Here’s a short list of awesome React boilerplates – sometimes knows as starter kits, seeds or skeletons – for getting React-based applications off the ground in a hurry. These application templates were not taken from any list, however awesome that list might be. Rather, they’ve gained enough mindshare to find me outside The Stream1. They’re open source and waiting for you to clone, fork and build upon for your next React project.
react  javascript  coding  reactjs  boilerplate 
8 weeks ago
D3 Garden | Interactive D3 Tutorial
Master the fundamentals of D3 with this interactive tutorial Get Started D3 Garden Discover More Popular Tutorials Set the bounds for your garden! Resize this box to begin to your preferred bounds to
javascript  D3.js 
9 weeks ago
nathanuphoff/Glimpse-JS: A tiny library to make loading images appear instantanious.
Glimpse JS is a dependency-free image library to create image previews that load in an instant.

Inspiration was drawn from Facebook and Medium where tiny placeholder images are rendered blurry, until the actual full-size completes loading. This technique greatly reduces perceived load time, and gives page visitors a glimpse of an image instead of a blank space.

Image previews are encoded with a propitiatory data-string optimised for compression. Alternatively, a base64-encoded image can be passed to the image-decoding methods. While encoding image previews, optional parameters can be set for image quality, and conversion to monochrome.

To blur a preview image CSS filter-support is required.

Glimpse JS was formerly known as Reveal JS, but it has come to my attention this name was already taken by another established library.
images  javascript  css  tools  library 
11 weeks ago
Enzyme: JavaScript Testing utilities for React — Airbnb Engineering & Data Science — Medium
Testing code is crucial for the maintainability of a complex code base, but it is just as important that tests are easy to write, maintain, and understand. Frontend code is no exception to this rule, and behaviors that live in your UI should be tested as well.
Almost three months ago, Airbnb open sourced Enzyme, a JavaScript library for testing React components. Since then, the reception has been extremely positive, currently with over 3,000 stars, and over 50 contributors, 45 of which are outside of Airbnb.
Historically, testing UI has been hard to accomplish for a variety of reasons, but using React removes a lot of these hurdles. We hope that enzyme does a good job removing the remaining ones!
tdd  testing  react  enzyme  reactjs 
11 weeks ago
Testing React Components with Enzyme and Mocha - Semaphore
React has become an increasingly popular and widely-used JavaScript application tool for developing web applications. Popular frameworks like Angular.js, Ember.js, and Backbone have traditionally been go-to choices for front-end application development, but React came onto the scene in 2013 and provided front-end engineers with another substantial alternative.

React was developed at Facebook in part as a response to what seemed to be a particularly complicated codebase. As such, it has simplicity baked into its design and API. With this simplicity come some key differences from libraries and frameworks in the same space. Despite some fundamental differences, React applications need testing just like any other software. We will take a quick look at React and some tools you can use to test React components.
tdd  testing  react  reactjs 
11 weeks ago
Fullstack React 🐬: How to Write a Google Maps React Component
Integrating React with external libraries like Google or Facebook APIs can be confusing and challenging. In this discussion, we
maps  react  javascript 
may 2016
Learn JavaScript: — JavaScript Scene — Medium
There are so many JavaScript resources available out there, it
may 2016
Explore Styles - Snazzy Maps - Free Styles for Google Maps
Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers.
styles  googlemaps  maps  css 
may 2016
dimaip/server-side-rendering: Interactive guide to server-side rendering with Webpack, React, React Transmit, CSS modules and more
server-side-rendering - Interactive guide to server-side rendering with Webpack, React, React Transmit, CSS modules and more
webdev  css  coding  reactjs  react 
may 2016
MostlyAdequate/mostly-adequate-guide: Mostly adequate guide to FP (in javascript)
About this book This is a book on the functional paradigm in general. We'll use the world's most popular functional programming language: JavaScript. Some may feel this is a poor choice as it's
webdev  reading  programming  coding  javascript 
may 2016
Embrace the wave at baseball games | MLB | Sporting News
The wave is fine. The wave is democracy in action.
may 2016
Using JSON Web Tokens as API Keys
Most APIs today use an API Key to authenticate legitimate clients. API Keys are very simple to use from the consumer perspective: You get an API key from the service (in essence a shared secret). Add
node  api  nodejs  coding  tutorial 
may 2016
The Ins and Outs of Token Based Authentication | Scotch
IntroductionToken based authentication is prominent everywhere on the web nowadays. With most every web company using an API, tokens are the best way to...
webdev  tokens  coding 
may 2016
An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements – Smashing Magazine
Hola a todos! (Hello, everyone!) In my early days of web design, I had to learn things the hard way: trial and error. There was no Smashing Magazine, Can I Use, CodePen or any of the other amazing
coding  front-end  css  webdev  css3 
may 2016
FuYaoDe/react-native-app-intro: react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...
react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...
react-native  coding  iOS  reactjs 
may 2016
IonicaBizau/scrape-it: A Node.js scraper for humans.
scrape-it - :crystal_ball: A Node.js scraper for humans.
nodejs  node  github  coding  node.js 
may 2016
« earlier      
advice aircraft alcohol alexis-madrigal algorithms america analytics android angularjs animals animation api app apple applications apps art astronomy audio awesome baseball beer beverages blog blogs books business california camera career cellphones charts climate clothing code coding coffee community communitymanagement computer computers cool crazy css css3 culture data database design dev development diy dodgers dogs drinks earth earthquakes economics editor elections email exercise facebook feedly fitness food for framework free fun funny gadgets gallery game games gaming generator geology github google google-reader government graphics hacks hardware health history home home-improvement housing howto html html5 humor ifttt image images infographics interesting internet interview interviews ios ipad iphone japan javascript journalism jquery js language later learning libraries library life lifehacker linux lists longreads losangeles mac mapping maps marketing media military mobile movies music nasa nature neat neighborhoods news node.js nodejs oakland oceans opensource osx outdoors pets photo photography photos photoshop php plugin plugins pocket politics privacy productivity programming react reactjs read reader reading recently recipes redux reference research sanfrancisco saved saved-links science search security shopping soccer social social-media socialmedia socialnetwork software space space-shuttle sports starred-item startup statistics streaming tech technology television testing timelapse tips to-blog to-buy to-do tools training transit transportation travel tricks tutorial tutorials twitter ui utilities video videos visualization water weather web webapp webdesign webdev weird windows wishlist wordpress work writing youtube

Copy this bookmark: