You’re already using your Facebook app in production with Live Mode on, but now you want to request Facebook for additional permissions and features. The problem is that Facebook reviewers have to be able to manually test the requested permissions in your app by going through your intended user flow, which is not possible in Live Mode.
If you switch your app to Live Mode before it has undergone App Review for a given Permission, app users will not be able to grant your app that Permission until it has been approved. …
Recently I decided to extend the functionality of GitHub with my own Chrome extension. Instead of jumping straight into coding, I hit a wall a few times when setting up the project. And then I thought, “Why isn’t there something like Create React App for Chrome extensions - run one command and get everything up and running?”
So, I created a boilerplate that supports React, TypeScript and Webpack. You can make a build with just one command, and load it straight to Google Chrome or publish to Chrome Web Store.
You’ve built a React app and now it’s time to deploy it, so that the world can see your project. You may consider cloud platforms like AWS, Azure, Google Cloud, Heroku, etc. However, the easiest and quickest way is to deploy your React app to GitHub Pages, and this article describes steps how to do it.
Hosted directly from your GitHub repository. Just edit, push, and your changes are live.
Before you start, make sure you meet the following requirements:
You may need to provide users of your web application with a PDF document for various reasons, such as financial statements, account information, or just any important information that has to be shared in a single file.
In this article, I describe why you should consider PDF generation on the client-side and how you can add this functionality to your web, or more specifically, React app.
Because I like to have a good overview of what’s going on from the beginning, you can see the live demo of the app and its source code before moving on:
<input /> element.
You can try out my solution on your mobile device: https://pixochi.github.io/native-camera-in-mobile-browsers
The only requirement for using the native camera is the
<input /> element with 3 attributes:
type="file"— creates a file input that lets the user choose one or more files from their device storage
accept="image/*"— the file input accepts only files with an image/* MIME type
capture="environment"— the outward-facing camera should…
It has been a popular library for parsing, validating, manipulating, and formatting dates for a decade. However, Moment.js has too many drawbacks compared to modern date and time libraries. Its API is not immutable, it is large and it doesn’t support tree shaking. Even the Moment team discourages to use their library in new projects.
Let’s start with an overview of the app we’re going to build. We’ll use React and the Facebook’s Graph API to create a web app for publishing content on a Facebook page.
Source code: https://github.com/pixochi/fb-page-posts-integration
If you’d like to jump straight to the point or just want to get an overview of what we’re going to build, you can check out the app in action.
We’re going to create a web app for sending messages between multiple users in real time. Client(browser) uses React for user interface and Server runs on NodeJS. To achieve real-time communication, we’ll establish a WebSocket connection between Client and Server with Socket.io.
The app uses WebSocket for an instant exchange of messages sent by users. …
Scrum is like a box of chocolates…chocolate is always worth a try! (unless you’re a dog)
Scrum offers the most popular, battle-tested recipe for building a successful product as a team. The product can be anything from a simple software to a Mars spaceship. You don’t need to reinvent the wheel - Scrum tells you what most (hyper)productive teams do to:
You know how annoying it is to open a web app and all you get is a white screen. You wait and wait and wait…and then you close the page because you can find a much faster alternative. But this time it’s even worse…the slow app is yours 😥 Let’s make it faster with a few QUICK improvements! 💪
Do you really know what is fetched when the app is opened for the first time? You may be using a module bundler like Webpack, a framework asset compilation pipeline or other built tools like Gulp, that make files ready for…