Developer Things

A compilation of React Patterns, techniques, tips and tricks. Gitbook format :  https://vasanthk.gitbooks.io/react-bits Your contributions are heartily ♡ welcome. (✿◠‿◠) Design Patterns and Techniques Conditional in JSX Async Nature Of setState() Dependency Injection Context Wrapper Event Handlers Flux Pattern One Way Data Flow Presentational vs Container Third Party Integration Passing Function To setState() Decorators Feature Flags Component Switch Reaching Into A Component List Components Format Text via Component Share Tracking Logic Anti-Patterns Introduction Props In Initial State findDOMNode() Mixins setState() in componentWillMount() Mutating State Using Indexes as Key Spreading Props on DOM elements Handling UX Variations Introduction Composing UX Variations Toggle UI Elements HOC for Feature Toggles HOC props proxy Wrapper Components Display Order Variations Perf Tips Introduction shouldComponentUpdate() check Using Pur...

One Complete Cloud Platform for next web. Add Storage, Real time, Search, Notifications, Auth and more with one simple API. https://www.cloudboost.io CloudBoost is the Complete NoSQL Database Service for your app.  Think of CloudBoost as Parse + Firebase + Algolia + Iron.io all combined into one  : Data-Storage / JSON Storage / BLOB Storage 100% data ownership Realtime Search Cache Queues More - ACL's, User Authentication, Server-less apps and more. https://github.com/CloudBoost/cloudboost

A progressive, incrementally-adoptable JavaScript framework for building UI on the web.  http://vuejs.org Intro Vue.js is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API. Core features include: Declarative rendering with a plain JavaScript object based reactivity system. Component-oriented development style with tooling support Lean and extensible core Flexible transition effect system Fast without the need for complex optimization Note that Vue.js only supports  ES5-compliant browsers  (IE8 and below are not supported). To check out live examples and docs, visit  vuejs.org . https://github.com/vuejs/vue

Free Code Camp is a friendly open source community where you learn to code and help nonprofits. We help our campers build job-worthy portfolios of real apps used by real people, while helping nonprofits. You start by working through our self-paced, browser-based full stack JavaScript curriculum. By working through their curriculum, you can earn four certifications: 1. Front End Certification The first section will teach you the basics of how webpages work and also introduce you to JavaScript programming. Skills you'll practice include HTML, CSS, JavaScript, jQuery and Bootstrap. To earn this certification, you'll build 10 front-end projects and implement many JavaScript algorithms. 2. Data Visualization Certification The second section builds upon the first and introduces you to more advanced topics such as Sass, React and D3. To earn this certification, you'll build 5 React-apps and...

Notions Variable declaration: var, const, let In JavaScript, there are three keywords available to declare a variable, and each has its differences. Those are  var ,  let and  const . Short explanation Variables declared with  const  keyword can't be reassigned, while  let  and  var  can. I recommend always declaring your variables with  const  by default, and with  let  if you need to  mutate  it or reassign it later. Scope Reassignable Mutable Temporal Dead Zone const Block No Yes Yes let Block Yes Yes Yes var Function Yes Yes No Sample code const person = " Nick " ; person = " John " // Will raise an error, person can't be reassigned let person = " Nick " ; person = " John " ; console . log (person) // "John", reassignment is allowed with let Detailed explanation The  scope  of a variable roughly means "where is this variable available in the code". var var ...