Coder Catchup

A CLI and OS X app for inspecting your React JS and React Native apps. https://github.com/reactotron/reactotron

A whole new GitHub Universe: announcing new tools, forums, and features. An exploration of the new features and tools from GitHub. Blog Announcement: https://github.com/blog/2256-a-whole-new-github-universe-announcing-new-tools-forums-and-features

https://webmasters.googleblog.com/2016/08/helping-users-easily-access-content-on.html In Google Search, our goal is to help users quickly find the best answers to their questions, regardless of the device they’re using. Today, we’re announcing two upcoming changes to mobile search results that make finding content easier for users. Two years ago, we added a mobile-friendly label to help users find pages where the text and content was readable without zooming and the tap targets were appropriately spaced. Since then, we’ve seen the ecosystem evolve and we recently found that 85% of all pages in the mobile search results now meet this criteria and show the mobile-friendly label. recently seen many examples where these pages show intrusive interstitials to users. While the underlying content is present on the page and available to be indexed by Google, content may be visually obscured by an interstitial. This can frustrate users because they are unable to easily access the content that they were expecting when t

GitLab 8.11 released with Issue Boards and Merge Conflict Resolution Release Notes: https://about.gitlab.com/2016/08/22/gitlab-8-11-released/ Codepen Gold Coast 2016, September 15th - https://nvite.com/CodepenGC16/bf56

A walkthrough of the headlining features in the recently released Laravel 5.3 Relese Notes: https://laravel-news.com/2016/08/laravel-5-3-is-now-released/ Codepen Gold Coast 2016, September 15th - https://nvite.com/CodepenGC16/bf56

A discussion about the path of the generalist and why you should consider following it. Codepen Gold Coast 2016 - http://nvite.co/bf56 15th of September

Andrew Nesbitt https://twitter.com/teabass https://github.com/andrew Dependency CI https://dependencyci.com/ https://twitter.com/dependencyCI Continuously Test Your Dependencies Automatic compliance testing for all of the dependencies in your application. Libraries.io https://libraries.io/ https://twitter.com/Librariesio Discover open source libraries to use in your software projects and be notified of new releases to keep your applications up to date. Move the database, its outgrown scaleway - https://twitter.com/teabass/status/761641943319314433 Working on it for 2 years - https://twitter.com/teabass/status/760120639013388289 24 Pull Requests http://24pullrequests.com/ https://twitter.com/24pullrequests You’ve been benefiting from the use of open source projects all year. Now is the time to say thanks to the maintainers of those projects, and a little birdy tells me that they love receiving pull requests! New Projects Pubsubhubbub (looking for people to help) - https://twitter.com/teabass/status/75982019

What css framework would you recommend? There are a lot of frameworks coming out, what should I learn? Ruby on Rails seems popular but so is Laravel, what are your thoughts? Why is it bad to use jQuery over plain javascript? What are your thoughts on using a full node stack, is it easier than mixing javascript and PHP? What do you do when you feel like you have reached a point where you are not improving your skills? CODEPEN GOLD COAST 2016 15th of September on the Gold Coast in Australia RSVP http://nvite.co/bf56

A run through a beautiful site/article on how to create a website from the front-end developer/designers perspective that is well built, easy to read and the processes behind how to do it. http://jgthms.com/web-design-in-4-minutes/

https://github.com/facebookincubator/create-react-app Create React apps with no build configuration. Getting Started: npm install -g create-react-app Creates simple commands: create-react-app "npm start" to launch the app with hot reloading in a browser "npm run build" builds the app for production usage in a "build" folder If you have had enough of the zero config and want to go out on your own run "npm run eject" to get all the webpack files node modules etc localised for the project Folder structure is nice my-app/ README.md index.html favicon.ico node_modules/ package.json src/ App.css App.js index.css index.js logo.svg What does it give you if you eject If you use the base functionality there is only 1 dependency, react-scripts, but when ejected, you get the following: autoprefixer, babel-core, babel-eslint, babel-loader, babel-plugin-syntax-trailing-function-commas, babel-plugin-transform-class-properties, babel-plugin-transform-object-rest-spread, babel-plugin-

https://github.com/sitespeedio/coach The coach helps you find performance problems on your web page. Think of the coach as a modern version of YSlow. The coach will give advice of how your page can be faster. The coach gives you advice on how to make your page faster. The coach aims to NEVER give you bad advice. Follow the advice and you will WIN! HTTP/1 or HTTP/2? That's no problem, the coach adjust the advice accordingly. The coach uses real browsers to see your page exactly like your users do. Every advice has one or more unit-tests to make sure it's easy to change advice in the future. The coach knows about more than just performance: Accessibility and web best practice are other things that the coach can help you with. You can integrate the coach with your own web performance tool. It's easy: your tool only need to be able to run JavaScript in the browser and produce a HAR file. Or you can use the built-in functionality of the coach to run the browser. The coach is open-source. The advice is public, you

THE PLATFORM THAT GETS BACK TO BASICS October is a free, open-source, self-hosted CMS platform based on the Laravel PHP Framework. A simple and modular CMS that grows with you, with a precise and beautiful interface that comes as second nature. Simplistic Modern Made for People Universal Extensible Fun to Use Reliable For any team Easy to Learn Saves Time With over 100k installs, it must be doing something right, all in just over 2 years. Did I mention it is a flat file based CMS? But you can still use a database if you want, best of both worlds, I think so. Features Simple modern template engine (uses Twig) Best tools from the PHP world (October is built on Laravel, the best existing PHP framework) Page components (nice component system for building pages) Extensible platform (simple and easy to implement plugins, over 200 of them) Easy administrative interfaces (this is a big one, perfect for clients) Simple AJAX framework Quick scaffolding (via the free Builder plugin) File-based templates Built-in asse

Release Notes: http://weblog.rubyonrails.org/2016/6/30/Rails-5-0-final Features/Must Know Ruby 2.2.2+ required Sprockets 3 Action Cable: a brand-new framework for handling WebSockets in Rails. It’s a completely integrated solution for managing connections, a channels layer for server-side processing, and a JavaScript layer for client-side interaction. API mode: If you create a new Rails application using rails new backend --api, you’ll get a slimmed down skeleton and configuration that assumes you’ll be working with JSON, not HTML. (outputs with .to_json by default but you can use your own, e.g. AMS, JSONAPI::Resources, etc) No more rake command! Its all Rails. OR! Finally! this is now a thing "Post.where(‘id = 1’).or(Post.where(‘id = 2’)) gives you exactly what you’d think!" New Attributes API by Sean Griffin - kind of like type casting your attributes but with a twist... " It will override the type of existing attributes if needed. This allows control over how values are converted to and fro

A native application using the OS X sandbox security model which delivers all Docker tools to your Mac.

Blog Article: https://blog.heroku.com/archives/2016/6/9/heroku-teams Teams on Dev Center: https://devcenter.heroku.com/articles/heroku-teams Intro "For many of us, building apps is a team sport. With any team, getting all the people, processes and tools in sync and working together can be a challenge, and this is especially true with software development." - The Heroku Blog Creating and switching teams is as simple as clicking on a menu and either selecting the team or clicking the Create a Team link. One thing to note is that you will be asked to add a credit card for the team before you can actually create the team. This is so when any resources need to be paid for, there is a credit card on file. This also allows you to manage per-team billing, which is always nice. From there you can invite other members or admins to your team. "As Team admin, you can invite others to join your Team whether or not they already have a Heroku account, and optionally choose to delegate administration over per

https://laravel.com/docs/5.2/valet Valet is a Laravel development environment for Mac minimalists. No Vagrant, No Apache, No Nginx, No /etc/hosts file. You can even share your sites publicly using local tunnels.

https://firebase.google.com/ "The tools and infrastructure you need to build better apps and grow successful businesses". Firebase was acquired by Google at the end of 2014, a scary thought, a potentially amazing service, will it go the way of sparrow? Looks like thats a big NO after the huge announcements of the new firebase from Google. Overview Move Fast Firebase is a mobile platform that helps you quickly develop high-quality apps, grow your user base, and earn more money. Firebase is made up of complementary features that you can mix-and-match to fit your needs. Forget about infrastructure Implementing Firebase is quick and easy. With intuitive APIs packaged into a single SDK, you can focus on solving your customers' problems and not waste time building complex infrastructure. Make smart, data-driven decisions Firebase Analytics is the free and unlimited analytics solution built directly into Firebase. Gain insight into your users from ad click to app usage. Firebase Analytics works with other

http://www.reactboilerplate.com/ Quick setup for new performance orientated, offline–first React.js applications Github: https://github.com/mxstbr/react-boilerplate Mikey https://www.npmjs.com/package/mikey A command-line tool for generating React-Redux projects, React-Redux files, and simple API User Authentication To Read More: http://mikeysax.com/mikey-react-generator Check out Learn Redux by Wes Bos at https://learnredux.com/

Nitrous.io - Build apps faster Professional developers use Nitrous to create, snapshot and share development environments in the cloud Consistent Development Environments in the Cloud - With Nitrous, developers can utilize pre-built development environment templates from the Nitrous standard library, or use their companies' own private templates . This makes it incredibly easy to keep standard templates for a particular client's project, or to collaborate and share among teams. Nitrogen Nitrous.io announced Nitrogen, a powerful package built on top of GitHub's Atom Editor. Nitrogen provides an interface within Atom to interact with your Nitrous development environments running in the cloud. This includes: Your Favorite Packages Nitrogen lets you use packages like autocomplete+, color picker and Emmet. Context Switch Switch between project containers directly in Atom using the integrated dropdown menu. Integrated Console We've embedded a fully functioning linux shell inside of Atom. Open multiple shells and fi

http://www.chartjs.org/ Simple yet flexible JavaScript charting for designers & developers What you get 8 Chart types (Visualize your data in 8 different ways; each of them animated and customisable.) HTML5 Canvas (Great rendering performance across all modern browsers (IE9+).) Responsive (Redraws charts on window resize for perfect scale granularity.) Whats new Mixed chart types (Mix and match bar and line charts to provide a clear visual distinction between datasets.) New chart axis types (Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease.) Animate everything! (Out of the box stunning transitions when changing data, updating colours and adding datasets.)