One place for hosting & domains

      Faster

      Write React Faster with Simple React Snippets

      Introduction

      I’m a big fan of speeding up every part of your development. If you shave off seconds here and there multiple times a day, you’ll save a ton of time over the course of a year.

      This involves using the keyboard as often as possible and reaching for the mouse as little as possible. It’s a goal of mine to do an entire day without touching the mouse. Still haven’t gotten there.

      Learning vim is a big part of being productive in your editor. Even putting vim in your browser with Vimium helps a ton.

      Snippets are another way to save time on development. Simple React Snippets for Visual Studio Code by Burke Holland is a great way to speed up development.

      Here’s imrc expanded to import React, { Component } from 'react';

      Simple React Snippets can be found in the VS Code Extension Marketplace.

      A Quick Example

      Whenever starting a new React file, I’ll use the imr snippet:

      imr
      

      Expands to:

      import React from 'react'
      

      And the imrc snippet:

      imrc
      

      Expands to:

      import React, { Component } from 'react'
      

      After installing the VS Code Extension, you can use the snippets by typing the shortcut and hitting Tab or Enter.

      Here are the ones I think are most helpful when starting new files:

      imr – Import React

      import React from 'react';
      

      imrc – Import React and Component

      import React, { Component } from 'react';
      

      cc – Make a Class Component and export

      class | extends Component {
        state = { | },
        render() {
          return ( | );
        }
      }
      
      export default |;
      

      sfc – Make a stateless function component

      const | = props => {
        return ( | );
      };
      
      export default |;
      

      cdm – componentDidMount

      componentDidMount() {
        |
      }
      

      cdu – componentDidUpdate

      componentDidUpdate(prevProps, prevState) {
        |
      }
      

      ss – setState

      this.setState({ | : | });
      

      ren – render

      render() {
        return (
          |
        );
      }
      

      There are a few more snippets that you can use that you can find on the official page.

      Build Apps Faster With DigitalOcean App Platform


      Video

      About the Talk

      This talk builds upon the simplicity of DigitalOcean with our announcement of DigitalOcean App Platform. Come learn about this new offering and our vision to bring more Platform-as-a-Service (PaaS) capabilities to developers around the world.

      DigitalOcean has launched dozens of new products and services over the last two years using user research, hypothesis-driven development, design thinking, and agile/iterative methodologies. Learn how these can help you get your new product or service off the ground faster and with greater success.

      What You’ll Learn

      • Brief overview of DigitalOcean App Platform capabilities
      • DigitalOcean’s roadmap for PaaS
      • How to find product-market fit for your new web product/service

      Resources

      About the Presenter

      Jake Levirne is Senior Director of Product for Developer Experience at DigitalOcean. He loves working with startups and helping build products that are simple, intuitive, and that get the job done. His personal mission is to help more people realize they can build anything they want.



      Source link

      Sailing Through a Sea of CMS: Build and Extend APIs Faster With Strapi


      Video

      About the Talk

      The role of content management systems keeps evolving and in the self hosted utopia we’re approaching, it’s easy to get lost in a sea of micro services. I’ll be explaining what makes a good CMS, things to consider when picking one and why Strapi is a great pick for your business, taking the API-first approach and extending its usefulness to other parts of your business.

      Resources

      About the Presenter

      Daniel Madalitso Phiri is a retired podcaster and developer interested in developer tooling, and is currently a Developer Advocate at Strapi.



      Source link