Implementing an Infinite Scroll with Vue.js ← Alligator.io

Implementing an Infinite Scroll with Vue.js  #UI #reactjs #javascript #react

  • For this post, we’ll go without a plugin or package and we’re going to be writing a simple JavaScript function that fetches a new set of data when scrolled to the bottom of the browser window.
  • Before we start integrating the infinite scroll, let’s fetch and set some initial data on page load: – – It’s worth noting that it’s not recommended to make five services calls on load.
  • We’ll make use of the document object’s , properties and of window’s properties to determine if scroll as at the bottom: – – Inside this condition, let’s add a service method with Axios to fetch another random user from the Random User API.
  • This function makes a service call and adds a new random “user” to the array only when the user scrolls to the bottom of the page.
  • With each scroll to the bottom of the page, we fetch new data with Axios then push that data to an array.

Learn how to implement a simple infinite scroll for your Vue apps using nothing but some vanilla JavaScript and a simple Random User API.
Continue reading “Implementing an Infinite Scroll with Vue.js ← Alligator.io”

How to Set up a New React Native Project

Starting a new project is intimidating - here's how I start #ReactNative projects

  • There’s no lack of flexibility when you’re starting a React Native project.
  • You get to choose how you organize your project, which packages to use, which editor to use, and so on.
  • I’ve found this to be true while talking with over 5,000 students and through my own experience of building React Native apps over the last few years.
  • Flexibility is great.
  • In this 40 minute course I’ll share with you: – – Whether you’re starting a brand new project or just looking for tips and how to improve your development environment join me in this quick 40 minute course that can save you hours throughout the life of your current and…

Tips, Tricks, and Tools to Optimize Your React Native Development Workflow
Continue reading “How to Set up a New React Native Project”

How to Set up a New React Native Project

How do you set up a React Native project? Here's how I do it

  • There’s no lack of flexibility when you’re starting a React Native project.
  • You get to choose how you organize your project, which packages to use, which editor to use, and so on.
  • I’ve found this to be true while talking with over 5,000 students and through my own experience of building React Native apps over the last few years.
  • Flexibility is great.
  • In this 40 minute course I’ll share with you: – – Whether you’re starting a brand new project or just looking for tips and how to improve your development environment join me in this quick 40 minute course that can save you hours throughout the life of your current and…

Tips, Tricks, and Tools to Optimize Your React Native Development Workflow
Continue reading “How to Set up a New React Native Project”

How to Set up a New React Native Project

Curious how I set up a new React Native project? Here's a step-by-step

  • There’s no lack of flexibility when you’re starting a React Native project.
  • You get to choose how you organize your project, which packages to use, which editor to use, and so on.
  • I’ve found this to be true while talking with over 5,000 students and through my own experience of building React Native apps over the last few years.
  • Flexibility is great.
  • In this 40 minute course I’ll share with you: – – Whether you’re starting a brand new project or just looking for tips and how to improve your development environment join me in this quick 40 minute course that can save you hours throughout the life of your current and…

Tips, Tricks, and Tools to Optimize Your React Native Development Workflow
Continue reading “How to Set up a New React Native Project”

React Native with MobX — Getting Started – React Native Training – Medium

  • Our App component will have access to the store as props.
  • Let’s create the App component.
  • Now that we have a store created, let’s to into the index file of the app and change the entry point to use the store and add create the navigation.
  • The app will have two main components, one that will allow us to create new lists and one that will allow us to add new items to our list.
  • We will have access to our store methods as props from our store and will be using them to interact with our app state.

Here, we will combine MobX and React Native to create a simple list app. If you’re looking to see how to get started with MobX and React…
Continue reading “React Native with MobX — Getting Started – React Native Training – Medium”

Putting your money where your package.json is – The Exponent Log

Put your money where your package.json is:  #JSON #ReactJS

  • If a maintainer stops working on a project that you use, maybe rather than getting annoyed with them for being lazy and irresponsible, reach out and see if some financial support would help them to allocate more time to the project.
  • But you can also support the people who work on projects that you use and love, or that you want to see grow and succeed .
  • @ HorcruxChen works on the project in his spare time, so I reached out to him and asked him to start a Patreon creator page so that we could pledge some money to him ($150/month currently) for as long as he continues to work on the project.
  • If you depend on a library and think it saves you time and money, or earns you money, and the creator is working on it in their spare time, consider reaching out to them and asking them to open up a Patreon account so you can support them.
  • A project that Janic Duplessis worked on for us, it seems that people really want it!

In Exponent SDK 9.0.0 we included react-native-svg into Exponent. react-native-svg is a fork of the built-in ReactNativeART that aims for…
Continue reading “Putting your money where your package.json is – The Exponent Log”

react-indepth

react-indepth: A super useful GitBook on developing production apps with #ReactJS

  • Our obsession with Flex included a deep understand of the application and component life cycles, resulting in a 90-page white paper.
  • For a majority, Flash was a negative experience and UI technology.
  • Throughout the years we have continued to try and push the boundaries of UI technologies.
  • Flex gave us the application framework necessary to build the large and complex applications clients were requesting.
  • We truly enjoy the exploration of technologies and frameworks.

Read the full article, click here.


@ReactiveConf: “react-indepth: A super useful GitBook on developing production apps with #ReactJS”


A GitBook on developing production applications with React


react-indepth

React Native with MobX — Getting Started — Medium

Get started with #ReactJS Native with MobX:

  • Our App component will have access to the store as props.
  • Let’s create the App component.
  • Now that we have a store created, let’s to into the index file of the app and change the entry point to use the store and add create the navigation.
  • Create an observable array called list
  • The app will have two main components, one that will allow us to create new lists and one that will allow us to add new items to our list.

Read the full article, click here.


@ReactiveConf: “Get started with #ReactJS Native with MobX:”


Here, we will combine MobX and React Native to create a simple list app. If you’re looking to see how to get started with MobX and React…


React Native with MobX — Getting Started — Medium

Introduction · react-indepth

#ReactJS In-depth: An exploration of #UI development by @jamespolanco & @aaronpedersen

  • For a majority, Flash was a negative experience and UI technology.
  • Throughout the years we have continued to try and push the boundaries of UI technologies.
  • Our obsession with Flex included a deep understand of the application and component life cycles, resulting in a 90-page white paper.
  • We truly enjoy the exploration of technologies and frameworks.
  • Our goal with the GitBook is to document our process, share our research and try to organize our experiences into a single living document.

Read the full article, click here.


@jamesryancooper: “#ReactJS In-depth: An exploration of #UI development by @jamespolanco & @aaronpedersen”


At DevelopmentArc® we have a love affair with UI application development. We truly enjoy the exploration of technologies and frameworks. This process helps us better understand the end-goals and complexity of the application stack.


Introduction · react-indepth