Awesome customizable blocks for the new WordPress Editor New Awesome Blocks for Gutenberg This project brings some new blocks for the new WordPress visual editor (codename: Gutenberg) A settings page is available to choose which blocks to activate/deactivate and add a default configuration Features Add new awesome blocks for the new WordPress editor clean up […]
Webpack or Import Maps Required
📦 ✨ Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required. @pika/web • Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required. npm on Dec 6, 2018 – “JavaScript in 2018 is somewhat notorious for requiring a lot of tooling to get going, which is quite […]
React Native Elements
Cross Platform React Native UI Toolkit React Native Elements Cross Platform React Native UI Toolkit Get Started Installation Follow these instructions to install React Native Elements! Usage Start using the components or try it on Snack here. import { Button } from ‘react-native-elements’; <Button />; Components included: Avatar Badge Button ButtonGroup Card CheckBox Divider Header HTML style headings Icon […]
React+TypeScript Cheatsheets
Cheatsheets for experienced React developers getting started with TypeScript React+TypeScript Cheatsheets Cheatsheets for experienced React developers getting started with TypeScript Basic | Advanced | Migrating | HOC | 中文翻译 | Contribute! | Ask! 👋 This repo is maintained by @swyx, @ferdaber and @IslamAttrash, we’re so happy you want to try out TypeScript with React! If you see anything wrong or missing, please file an issue! 👍 All React + TypeScript Cheatsheets The Basic […]
Front-End Job Interview Questions
A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore. Front-end Job Interview Questions This file contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same […]
React Animation Comparison
A tour of React animation libraries with a focus on developer experience 🆕 Updated for 2019 What’s the most powerful and developer-friendly React animation library? The goal: replicate this animation in React Here’s a rundown of what should happen (it’s more complex than it appears at first glance!) When it’s first rendered in React, the grid […]
Saleor- A GraphQL-first Open Source eCommerce Platform
A modular, high-performance e-commerce storefront built with Python, GraphQL, Django, and ReactJS. Saleor E-commerce for the PWA era A modular, high-performance e-commerce storefront built with GraphQL, Django, and ReactJS. Join our active, engaged community: Website | Blog | Twitter | Gitter Table of Contents What makes Saleor special? Features Installation Demo Contributing Translations Your feedback License What makes Saleor […]
Next.js- The React Framework
The React Framework https://nextjs.org Visit nextjs.org/learn to get started with Next.js. The below readme is the documentation for the canary (prerelease) branch. To view the documentation for the latest stable Next.js version visit nextjs.org/docs How to use Setup Automatic code splitting CSS Built-in CSS support CSS-in-JS Importing CSS / Sass / Less / Stylus files Static file serving (e.g.: images) […]
Use Events – Events Turned Into React Hooks.
🍭 Event hooks Use Events – Events turned into React Hooks. Read about Hooks feature. Documentation https://sandiiarov.github.io/use-events List of hooks useActive useClickOutside useFocus useHover useMousePosition useTouch Install Note: React 16.8+ is required for Hooks. With npm npm i use-events Or with yarn yarn add use-events
Bulma-Modern CSS Framework Based on Flexbox
Modern CSS framework based on Flexbox Bulma Bulma is a modern CSS framework based on Flexbox. Quick install Bulma is constantly in development! Try it out now: NPM npm install bulma or Yarn yarn add bulma Bower bower install bulma Import After installation, you can import the CSS file into your project using this snippet: import ‘bulma/css/bulma.css’ CDN […]