REPILLS | Free pills to get more skills

Learn by topic

Explore our sections and get the resources you need from industry experts.

Vue.js

Vue.js is an open-source progressive JavaScript framework for building user interfaces. Vue can also function as a web application framework capable of powering advanced single-page applications.

24 pills14 topics

React.js

Dive deep into React, one of the most powerful JavaScript library for building interactive user interfaces.

144 pills23 topics

Serverless

The new frontier of cloud computing. Deploy simple functions or entire applications on the cloud without having to worry about provisioning, maintaining and scaling servers.

0 pills0 topics

Redux.js

Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments and are easy to test.

0 pills0 topics

Last added Pills

Get the latest news, tutorials, tips, and guides on software and UI development.

Building a Quiz with Vue.js

For today's 'Can I build that with Vue.js?' blog post, I'm sharing a simple quiz system I've built with Vue.js. The idea was to see if I could write Vue code that would handle a dynamic set of questions, present them to the user one at a time, and then report a grade at the end. I had fun building this, and it went through a few iterations, so let's get started!

Tutorial

–

by Raymond Camden

React Authentication with Twitter, Google, Facebook and Github

To interact with an OAuth provider you need API keys. For security reasons, those keys must be kept private on a server. However, if you are following modern development practices your React app is likely completely decoupled from your server and running on a different port or domain. So how can we solve this communication gap between an OAuth provider that needs the keys and the React client that can't keep those keys private?

Tutorial

–

by Jesse Heaslip

Building a Blog with Next.js

Next.js is an awesome new framework for building universal React applications. In simple terms, that means you can use React to render templates on the server, as well frontend components the way you're most likely used to. The advantages of this are numerous (shared components, faster rendering, great tooling), but getting it all to work properly is generally a pain.Next.js makes this process easy, and with the release of V3 I thought I'd whip up a blog to learn and demonstrate how it works. In this tutorial we'll be using the following: next (3.X), styled-components (phenomenal css-in-js solution), next-routes (middleware for expressive routes in next), express (for serving our pages, although you can also do static exports).

Tutorial

–

by Zach Sherman

React/Redux Style Guide

This is a working set of guidelines for developing React applications. We say 'guideline' because there are no hard-and-fast rules; best practices, patterns and technology change over time, so we consider this a living set of style guides.

Tutorial

–

by Ray Ch

Advanced Vue.js concepts: mixins, custom directives, filters, transitions, and state management

Vue.js is arguably one of the easiest and most minimalist JavaScript frameworks with which to get started. While we cannot downplay the current momentum and volume of developers adapting Vue.js, you will agree with me that there are very few tutorials that cover advanced concepts in Vue. In this tutorial, we will talk about: Vue.js mixins, Custom directives, Filters, Transitions (enter/leave), State management, Server-side rendering

Article

–

by Ogundipe Samuel

React Waypoint

A React component to execute a function whenever you scroll to an element. Works in all containers that can scroll, including the window. React Waypoint can be used to build features like lazy loading content, infinite scroll, scrollspies, or docking elements to the viewport on scroll. Inspired by Waypoints, except this little library grooves the React way.

Library

–

by Brigade

The simple guide to server-side rendering React with styled-components

The goal of this guide is to share the core principles of how to use styled-components in a server side rendered React application. The beauty of styled-components really shines through when you realize how seamless it is to setup in your application. Furthermore, styled-components are easy to integrate into existing applications that are using other methods of styling. In this guide there are no additional libraries such as Redux, React Router, or concepts such as code splitting — let's start with the basics.

Article

–

by Dennis Brotzky

How To Build A Movie Search App With React and ElasticSearch

In this post, we will use React and Elasticsearch to build a MovieSearch app. I know you like React, and watching movies, but what is this Elasticsearch thing I’m talking about. Don’t worry. This blog post will give you a kickstart into understanding the basics of Elasticsearch — What is it? Why should you care about it? And, how can you use it with React to build powerful apps painlessly.

Tutorial

–

by Raj Meghpara

Custom error pages in React with GraphQL and Error Boundaries

One challenge I recently ran into while working with GraphQL and React was how to handle errors. As developers, we've likely implemented default 500, 404, and 403 pages in server-rendered applications before, but figuring out how to do this with React and GraphQL is tricky. In this post, I'll talk about how our team approached this problem, the final solution we implemented, and interesting lessons from the GraphQL spec.

Tutorial

–

by Abi Noda

Tutorial: SSR Split Testing and Analytics with React, Redux, and Next.js

In this tutorial we will start with an empty Node.js project and walk through the process of building simple split-testing functionality with Next.js, Redux, and seamless analytics by creating custom Redux analytics middleware. This serves dual-purposes. As an introduction to Redux and Next.js, as well as how to build an actually useful feature using them.

Tutorial

–

by Patrick Lee Scott

Next.js Crash Course - Server Side React

In this video we will talk about Next.js which is a framework to render React on the server. We will look at setup and build a simple application that pulls Bitcoin pricing from an API and displays it in the app.

Video Tutorial

–

by Traversy Media

Adding state management with Redux in a CRA + SSR project

This tutorial will explain you how to initialize your Redux store on the server, then pick it up and hydrate it on the client.

Learn pill-by-pill

Thanks to the daily web resources, you can get the training you need from experts improving your skills day by day, pill-by-pill!

Stay up-to-date

There are number of technologies that are used to develop websites and web applications. Repills helps you to stay up-to-date with the cutting-edge technologies!

Open source project

Discover and support the project on GitHub and contribute by adding new amazing resources.

Stay up to date with the latest cutting-edge technologies and improve your skills pill by pill.

Learn by topic

Vue.js

React.js

Serverless

Redux.js

Last added Pills

Building a Quiz with Vue.js

React Authentication with Twitter, Google, Facebook and Github

Building a Blog with Next.js

React/Redux Style Guide

Advanced Vue.js concepts: mixins, custom directives, filters, transitions, and state management

React Waypoint

The simple guide to server-side rendering React with styled-components

How To Build A Movie Search App With React and ElasticSearch

Custom error pages in React with GraphQL and Error Boundaries

Tutorial: SSR Split Testing and Analytics with React, Redux, and Next.js

Next.js Crash Course - Server Side React

Adding state management with Redux in a CRA + SSR project

Learn pill-by-pill

Stay up-to-date

Open source project