In this article I am going to show you from scratch how to implement a searchable/filtered list of data in React.

The first thing we need to do is create a react project. To do this create a folder on your desktop which will contain the project. In addition, navigate to this folder in a terminal and then enter the below command.

npx create-react-app reactsearchable

To show some data on a list we will be using a link to an API that returns images and titles of those images from this…


For many of my React-Native projects I like to create popup modals which contain extra information about the item that I either click or long-click, there is a very good package simply called “react-native-modal” which I use a lot for this functionality. So I thought since I have written an article in a while I would do a tutorial on how to create a modal for your react native application and add a few nice things to it to make it look presentable. Let’s get to it!

So firstly as always we will need a react native application, so navigate…


In this tutorial I will show you how to use SQLite in a C# console application.

For this tutorial I will be using Rider (which at the moment is my favourite IDE) to create a C# console application.


In this tutorial I will talk about what attribute routes are as well as their uses I will also briefly go through Action Results and give examples of this.

Attribute routes

Firstly, routing is the process of determining a url that maps a browser request to a specific MVC controller action. MVC 5 has support for another type of routing named “Attribute Routing”, a reason as to why this is useful is that it enables the functionality of defining routes above a controllers action method using something called “attributes”. Another purpose for this may be that you want a descriptive action method…


Hello, I have been interested in ASP.NET Core for some time now and have been playing about with MVC including creating routes, controllers etc. So I thought a great way of expanding and retaining my knowledge of MVC would be to write tutorials on this topic.

What is MVC?

We first have to ask ourselves what exactly is MVC? MVC is an architectural pattern i.e. a way a building software which separates the software into 3 main concerns, these being Models, Views & Controllers. One of the main reasons to implement an MVC software project is that it helps achieve a principal called…


Hi everyone, here I am with another article showing you how to develop a basic program in C#. This time I will show you how to create a Guess the Number game.

In this tutorial I am using Rider as my IDE. So you will need to create a C# console application on your chosen IDE.

Once you have done you should see a “static void main” method and this is where the majority of our code will go.

First things first, we need to create 4 variables. One which will contain the number the user is trying to guess…


Hellooo, it has been a while since I have written an article (I swear I always say that) and I have been delving more into C# as of recently. So I thought it would be cool to show off basic programs I have been building in my spare time and hopefully people can take something from it :)

First things first. For this project I will use Rider, it is an interesting piece of software that is a C# IDE for Apple Mac users. …


Recently I have been converting many of class components within my project to functional components the main reasoning for this is that recently I have been using and experimenting with hooks which are a fantastic addition to both React and React-Native. So I thought it would be cool to create an article explaining the “useContext” hook as well as write some simple example code.

What is useContext?

useContext is a hook that allows us to pass data to components that are multiple levels within the component tree without having to pass in props to each level of the component tree . An example…


Use local and URL-based videos in your React Native app

video clapper board used to record scene, take, and other production details
video clapper board used to record scene, take, and other production details
Photo by Donovan Silva on Unsplash

Get Started

The first thing you will need to do is to create a folder anywhere on your system. I like to use the downloads or desktop folder. Create a folder named rnvideoproject.

Once you have done this, open the terminal/command prompt and navigate to the folder you have just created. Once you have done this, enter the command react-native init rnvideoproject.

This will begin to create the React Native project and all the necessary files/folders. Once this has completed (it may take a few minutes) open the folder in your favourite code editor. I always use Visual Studio Code. Once you…


I thought it would be cool if i spent some time researching and learning some ES7 features and share that with you!

Happy new year by the way ☺

You can use an online code editor such as https://jsfiddle.net/ to write these statements in and then open the “web inspector” to see the output in the console.

PadStart

In incredibly simple terms “padStart" is used to “pad" or “concatenate" a string to the start of another string up to a specified length. So let’s say we have a variable like the below.

let myVar = “6";

Alex

Software Developer in the UK. With a keen passion for React Native & C#. Blog — https://cowboycode.co.uk/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store