Create Full Functional Data Grid For ReactJs Application


You must be looking to create full functional data grid for your ReactJs project that enables your users to navigate with the data with great features such as sorting, filtering the data based on columns etc. Then, this component is best for you.

Features available:

Remote data source
Inline edit with custom editor support
Filtering with built in filters
Stacked columns
Context menu integration
Rowspan and colspan
Row selection
Cell selection
Keyboard navigation
Customizing rows, cells and headers
Scroll customization
RTL support
Beautiful themes
Column reorder
Column resize

How to create data grid?

1. You will need to install the data grid component for React with npm.

npm install @inovua/reactdatagrid-community –save

2. Import the required components.

import React from ‘react’;
import ReactDataGrid from ‘@inovua/reactdatagrid-community’;
import ‘@inovua/reactdatagrid-community/index.css’;

3. Create columns and data source. Like this:

const columns = [
{ name: ‘name’, header: ‘Name’, minWidth: 50, defaultFlex: 2 },
{ name: ‘age’, header: ‘Age’, maxWidth: 1000, defaultFlex: 1 },

const gridStyle = { minHeight: 550 };

const dataSource = [
{ id: 1, name: ‘John McQueen’, age: 35 },
{ id: 2, name: ‘Mary Stones’, age: 25 },
{ id: 3, name: ‘Robert Fil’, age: 27 },
{ id: 4, name: ‘Roger Robson’, age: 81 },
{ id: 5, name: ‘Billary Konwik’, age: 18 },
{ id: 6, name: ‘Bob Martin’, age: 18 },
{ id: 7, name: ‘Matthew Richardson’, age: 54 },
{ id: 8, name: ‘Ritchie Peterson’, age: 54 },
{ id: 9, name: ‘Bryan Martin’, age: 40 },
{ id: 10, name: ‘Mark Martin’, age: 44 },
{ id: 11, name: ‘Michelle Sebastian’, age: 24 },
{ id: 12, name: ‘Michelle Sullivan’, age: 61 },
{ id: 13, name: ‘Jordan Bike’, age: 16 },
{ id: 14, name: ‘Nelson Ford’, age: 34 },
{ id: 15, name: ‘Tim Cheap’, age: 3 },
{ id: 16, name: ‘Robert Carlson’, age: 31 },
{ id: 17, name: ‘Johny Perterson’, age: 40 },

export default () => (

The post Create Full Functional Data Grid For ReactJs Application appeared first on

Flatlogic Admin Templates banner

Create Notification Bell For Vue.js Application with vue-notification-bell


If you are looking to create notification bell for Vue.js application then, you are at right place. Here, you are going to know that, how you can implement the same in your Vue application.

How to use it?

1. First, you will need to install the component using npm.

npm install vue-notification-bell –save

2. Import the component in your file, like this.

import NotificationBell from ‘vue-notification-bell’

3. Post that, create notification bell.

<div id=”your-component”>
<notification-bell />
<!– Using Component –>

4. Now, the Vue.js code to create notification bell.

export default {
name: ‘YourComponentName’,
// …
components: {
NotificationBell // Registering Component
// …

The post Create Notification Bell For Vue.js Application with vue-notification-bell appeared first on

Flatlogic Admin Templates banner

New Community Director, Rachel Reese

With the acquisition of Xamarin by Microsoft and .NET Foundation Director Miguel de Icaza getting his blue badge, we wanted to make some changes to the .NET Foundation Board of Directors so that t
he entire board was not made up of Microsoft employees. Happily, Miguel has agreed to stay on the board as one of the two Microsoft representatives alongside Scott Hunter at Microsoft who now has responsibility for the ASP.NET team and the .NET compiler & framework teams. Joining the .NET Foundation Board of Directors is Rachel Reese. Rachel is a long-time member of the .NET community and a board member of the F# foundation where she has been driving a number of great community activities.

For this post, Martin Woodward interviewed Rachel and chatt ed about her experiences to date and what she hopes the .NET Foundation to do in the future.

Tell us a little bit about yourself. What’s your background?

As soon as I learned to solve for x, I started to be interested in Math. I decided early on that I wanted to study Math at university. Once there, I started adding in Physics courses as well and, since I was studying at a research university, I began to intern on the Super Kamiokande project. For my first summer on the project, they handed me “A Book on C” and said that I wasn’t going to be useful to the project until I understood how to code. I took a couple programming classes while I was in school, and started playing around with web sites. Once I’d graduated, I was torn on continuing to grad school vs. working for a few years, and pursued both simultaneously. I found a job before I finished my applications, with a friend’s company who was using Classic ASP with VBScript… and the rest is history.

Is that when you first became interested in programming?

While I had used programming as a means to an end while in school, I think I first became really interested in programming when I discovered the community, which happened at two major points. First, a supervisor invited me to a user group meeting around the release of .NET 1.0. I became a regular there, and then discovered conferences, forums, several email lists, eventually twitter, hackspaces, co-working, and many other places and events where other devs hung out. It opened a whole new way to learn for me. There’s nothing more fun than watching someone demo something cool in which they wholeheartedly believe. Several years later, when I was looking to learn more about F#, I decided to start a functional user group in Vermont, and accidentally happened into an incredible group of very passionate and very diverse programmers. A similar thing happened: my worldview expanded five- or maybe ten-fold over those months, this time with knowledge of functional programming, rather than communities in general.

How do you see the F# Foundation and the .NET Foundation working together?

First, I think there needs to be a lot more communication between the two groups – I know that the F# community in general, and the F# Foundation, specifically, is an especially passionate one with lots of wonderful ideas and I’m looking forward to sharing those with a wider .NET community (and vice versa!). Once there’s an exchange of ideas, we can potentially start to implement joint programs and initiatives, and more. I’m sure there will be some pretty incredible things that happen soon! 

What initiatives are you working on (or passionate about) within the .NET Foundation?

Education, training, and ideally inspiring new devs! I feel like the .NET community overall has lost some of the momentum that it used to have when I first joined in the early 2000s. That momentum seems to have been coming back since the open sourcing of .NET and one of my main goals is to work with the community to drive that onwards. I know that the F# Foundation has been working on several initiatives that I’d love to try to expand and rework for a larger .NET crowd, and I think the release of .NET Core is the perfect time to inspire a new generation of .NET devs!

What does the future of .NET look like in your dreams?

Open-source, cross-platform, multi-paradigm, with a friendly, diverse, engaged, and passionate community. 😀

Thanks Rachel – and welcome to the .NET Foundation!

Welcome Polly

Today, I have the pleasure of welcoming the Polly project into the .NET Foundation. For those of you that are not familiar, Polly is a fluent, thread-safe .NET resilience and transient-fault handling library, with full sync and async support. It’s great for use when building fault-tolerant systems and microservices and the library is getting picked up by more and more .NET projects so thrilled that they decided to become part of the .NET Foundation family.  Today also marks their V5.0 release into Alpha which brings a number of great features such as Bulkhead Isolation combined with Timeout and Fallback Policies as well as a PolicyWrap mechanism to allow you to combine strategies and have some defence in depth. These join their existing, well tested, retry and CircuitBreaker pattern implementations. The full release notes are available on GitHub. As every developer knows, once you start building code that talks to external systems you need to build resillience into those connections. Rather than hand-coding each instance and making similar mistakes, Polly allows you to build using a number of well defined primatives to help make sure you code behaves correctly and can fallback gracefully.  It’s a very solid library with no additional dependencies so makes it easy to add into your application.

Joel, Dylan and the whole Polly team have worked incredibly hard on getting the V5.0 release into Alpha, however this is only the beginning. If Polly sounds like the sort of library you’ve been looking for then please give it a go, send them feedback and contribute improvements where you can. 

The 2016 AAS WorldWide Telescope Competition

Want to share astronomy by making a tour, interactive experience, or video using WorldWide Telescope? You should — and then you should enter it in the first American Astronomical Society’s first WorldWide Telescope Competition!

The AAS is hosting its first-ever competition for products created using WorldWide Telescope. Since WWT became part of the .NET Foundation and joined the AAS family, we’ve seen it used for some great science communication by authors submitting video abstracts for their research articles, as well as some spectacular examples of interactive web-based experiences and awesome tours introducing people to astronomy concepts. The project would love to see what else people can come up with!

Entries are now being accepted in any of three categories: research, education, or planetariumThere are prizes for the top three entries in each of the three categories, including Amazon gift cards, telescopes, and iPad minis, and there’s an additional prize for the top 2017 solar eclipse entry. There’s also an overall Grand Prize of an advanced goto mount and refractor telescope generously provided by Explore Scientific. In addition, there will be a special prize for the top WWT tour on information or safety on the upcoming 2017 solar eclipse.

The deadline for entry is 5:00 pm on Friday, 16 December 2016. Winners will be notified by 31 December and recognized at the 229th AAS meeting (3–7 January 2017).

Any final questions? Check out the official announcement for the 2016 AAS WorldWide Telescope Competition here. Happy creating!

Welcome BenchmarkDotNet

Today, I have the pleasure of welcoming BenchmarkDotNet into the .NET Foundation. It’s a powerful cross-platform library which helps you to measure the performance of your source code with the high level of precision even when you are working with very rapid operations. It’s already used by a number of great .NET projects, with a growing community of contributors.

In this guest post, Andrey Akinshin from the BenchmarkDotNet project explains more and how to get started.

— Martin


Benchmarking is really hard (especially microbenchmarking), you can easily make a mistake during performance measurements. BenchmarkDotNet will protect you from the common pitfalls (even for experienced developers) because it does all the dirty work for you: it generates an isolated project per each benchmark method, does several launches of this project, run multiple iterations of the method (include warm-up), and so on. Usually, you even shouldn’t care about a number of iterations because BenchmarkDotNet chooses it automatically to achieve the requested level of precision.

It’s really easy to design a performance experiment with BenchmarkDotNet. Just mark your method with the [Benchmark] attribute and the benchmark is ready. Want to run your code on CoreCLR, Mono, and the Full .NET Framework? No problem: a few more attributes and the corresponded projects will be generated; the results will be presented at the same summary table. In fact, you can compare any environment that you want: you can check performance difference between processor architectures (x86/x64), JIT versions (LegacyJIT/RyuJIT), different sets of GC flags (like Server/Workstation), and so on. You can also introduce one or several parameters and check the performance on different inputs at once.

BenchmarkDotNet helps you not only run benchmarks but also analyze the results: it generates reports in different formats and renders nice plots. It calculates many statistics, allows you to run statistical tests, and compares results of different benchmark methods. So it doesn’t overload you with data, by default BenchmarkDotNet prints only the really important statistical values depending on your results: it allows you to keep summary small and simple for primitive cases but notify you about additional important area for complicated cases (of course you can request any numbers manually via additional attributes).

BenchmarkDotNet doesn’t just blindly run your code – it tries to help you to conduct a qualitative performance investigation.

BenchmarkDotNet is already a full-featured benchmark library for different kinds of performance research, and many developers already use it. But it continues to actively develop, a lot of nice features are coming and are on the roadmap. Feedback is welcome: if you have an idea how to improve the library (or if you wish to implement it), the team is waiting for you on GitHub!

Andrey Akinshin, Project Lead on BenchmarkDotNet

Welcome Google and Congratulations Samsung!

Today, at Microsoft’s Connect() event in New York we announced some important news regarding the .NET Foundation Technical Steering Group.

First of all, I’m thrilled to welcome Google to the .NET Foundation Technical Steering Group joining Microsoft, Red Hat, JetBrains, Unity and Samsung to help bring greater innovation to the .NET platform.

Google has been one of the most active contributors outside of Microsoft to .NET Foundation projects over the past two years as well as helping to drive the ECMA Standardization process for C#. .NET workloads have first-class support on Google Cloud Platform including recently announced native integrations into the popular Visual Studio IDE on Windows and deep support for PowerShell. Google’s work is a natural fit into the Technical Steering Group and I’m glad they have agreed to come on board to help steer the future direction of the platform.

“We’re very happy to add .NET support to our list of supported
frameworks on Google Cloud Platform,” said Chris Sells, Lead PM for
Google Cloud Developer Tools. “Enterprises moving their existing
Windows and .NET workloads to the cloud or those targeting .NET Core
can find what they need to build great apps for Google Cloud

Secondly, back in June 2016 I had the pleasure of announcing that Samsung had joined the technical steering group. They have been focusing on ARM support in .NET Core and today we got to see the first fruits of their labor with the preview release of .NET Core support for the Tizen operating system and their Visual Studio Tools for Tizen.

Tizen is an open source operating system based on Linux, supported by the Linux Foundation and open to all developers. Tizen powers 50 million Samsung devices, including Smart TVs, wearables, smartphones, and home appliances. Today, Samsung is releasing the first preview of Visual Studio Tools for Tizen, which supports mobile application development with device emulators and an extension to Visual Studio with full IntelliSense and debugging capabilities. The support for Smart TVs, wearables, and other IoT devices will be added in future releases. Tizen’s .NET support will be officially released and shipping on Samsung devices, including Smart TVs, in 2017. This will allow .NET developers to build applications to deploy on Tizen across the globe and continues in our mission to bring the productive .NET development platform to everyone.

“Samsung is excited to be a part of the .NET community. .NET has a
huge developer base and future potential,” said Samsung’s Executive
Vice President and Deputy Head of Software R&D Center Seung-hwan Cho.
“Through thoughtful and progressive collaboration, Samsung is
expecting to create unique development experiences for both Tizen and
C# developers, enriching the Tizen ecosystem.”

Their work builds on top of several .NET Foundation projects including .NET Core, Mono and Xamarin Forms.

Tizen’s .NET support is a part of the .NET Core open source project:
Tizen’s Xamarin.Forms support is a part of the Xamarin.Forms open source project:
Tizen’s device APIs are a part of the Tizen open source project:
Download Visual Studio Tools for Tizen here:

Other .NET Foundation projects have also been very busy. Today, .NET Core, EF Core 1.1 and ASP.NET Core 1.1 were also released including several new features and APIs along with support for more operating system distributions (now up to 12). For more information see the .NET Team Blog.

It’s also very exciting to see that ASP.NET Core MVC is now a top-performing web framework on TechEmpower. Today TechEmpower released their Round 13 results which show ASP.NET Core MVC as the fastest mainstream fullstack web framework in the Plantext test.

The Technical Steering Group was formed in late March 2016 and we are already seeing huge progress. Red Hat have released the first release of .NET Core for RHEL, JetBrains have been producing build after build of Project Rider as .NET Core’s tooling approaches it’s V1.0, Unity have announced support for C#6 and now the Tizen news from Samsung along with Google coming on board and supporting ASP.NET as a first class citizen in Google Cloud Platform. It’s fantastic to witness the innovation that is happening on top of the .NET platform right now, all of it only possible because of .NET being open source and welcoming to all.

It’s certainly an incredibly exciting time to be a .NET developer!

— Martin

Samsung releases second preview of their .NET tooling for Tizen

Congratulations to .NET Foundation Technical Steering Group member Samsung who have just announced a new version of their tooling for .NET Developers targeting the open source Tizen operating system which runs on over 50 million devices including TV’s wearables and mobile phones. The new tooling has rich integration into Microsoft’s Visual Studio environment including emulators TV as well as phone.

In this second preview, you can now use the familiar .NET Standard and Xamarin.Forms .NET API’s to develop Tizen TV applications. Samsung Tizen TVs will begin shipping with .NET support once Visual Studio Tools for Tizen is officially released later in the year. The second preview also significantly increases the number of Tizen-specific APIs available for .NET developers such as Bluetooth, Smart Card, NFC, Map, Wi-Fi Direct, Telephony, Geofence Manager, and Account Service.

We’re thrilled to see the great activity by Tizen developers from Samsung contributing to .NET Core and Xamarin.Forms along with the improvements to .NET support for Tizen that they have been contributing to the open source community.

For more information see Samsung’s Tizen developer website or get involved through the Tizen .NET Forum.

Welcoming Jon Galloway as the new Executive Director of the .NET Foundation

[Post by Martin Woodward]

Being part of the .NET Open Source journey is undoubtedly a highlight of my career. There have been so many amazing moments. Some of my favourite include nervously biting my nails backstage as Anders Hejlsberg open sourced Roslyn live on stage, the initial open source release of .NET Core, and announcing partnerships with awesome companies like Red Hat, JetBrains, Unity, Samsung and Google. Of course, I’ll never forget being appointed Executive Director of the .NET Foundation.

I’ve been working full time on the .NET Foundation for nearly two years now. I was recently offered a role with some exciting opportunities and new challenges back over in Microsoft and have decided to take them up on it.  This means I have had to make the tough decision to step down as Executive Director. However, I will still be helping the community as Vice President of the .NET Foundation and as a member of the voluntary Advisory Council.

I’m incredibly pleased to say that we’ve managed to persuade Jon Galloway to replace me as Executive Director. Jon is well known to the .NET community and an excellent ambassador for the platform. Jon and I have worked on open source .NET for many years, and more recently he has already been helping me with .NET Foundation duties.

Jon’s been active in the .NET developer community for a long time, through tutorials (like the MVC Music Store tutorial), tech blogging since 2002, contributing to open source .NET projects, writing some popular books (including the Wrox ASP.NET MVC series), web development classes on Microsoft Virtual Academy, and StackOverflow (user id 5!). He loves bringing well deserved attention to new open source project and .NET community members, via the ASP.NET Weekly Community Standup, seven years of daily shout-outs on ASP.NET Daily Community Spotlight, his co-host role on the Herding Code podcast, and Twitter. He’s really excited to continue to serve the .NET community through this new role!

Over the next few weeks we will transition roles as he comes fully up to speed with what is, in my opinion, possibly the best job in the world. Please give him a great welcome and offer him all the help and assistance you can. I wish Jon all the best in his new role of Executive Director. 

I also want to sincerely thank all of you out there in the .NET community. You have been the most incredible part of the journey, consistently making me smile with your warmth and good humour while constantly putting me in awe of your technical ability, energy and passion. I’m looking forward to continuing to work with you and to helping Jon in my Vice President role.


Announcing .NET Summer Hackfest 2017

Hey! Let’s have some summer* fun!

UPDATE: See this post for our project announcements.

Here’s the idea: .NET Summer Hackfest is a six week community open source community run hackfest. We’ll form up into loose teams to contribute to an open source project for a two week session. After that, a new project starts up, but you’re of course free (and, of course, encouraged) to keep contributing to projects after the two week session is up.

Here are some goals:

Make some substantial contributions to existing .NET open source projects during the session.
Spin up some new projects / libraries.
Great successes! And a few explosions are expected, too, because this is an experiment!
Get some new folks involved in .NET open source, hopefully staying on after the session ends. Maybe you’re new to .NET open source, or want to try a new technology or stack? This is a low risk way to get involved, working with folks who can mentor you.
Have some fun stuff to show off at dotnetConf in September!

Depending on interest, both from projects and contributors, we can have a few projects running at once. Here’s an example, with some sample / made up projects to illustrate:

Session Start
Session End
Track 1
Track 2

Jul 24
Aug 4
Project 1
Project 2

Aug 7
Aug 18
Project 3

Aug 21
Sep 1
Project 4
Project 5

Ideally, some projects will be more beginner / new to .NET or open source friendly, and some will be more advanced. We’d love to mix it up a bit, so beginners are being mentored by experienced .NET open source developers. We can add additional tracks as needed, depending on response. .NET open source old timers will probably recognize some inspiration from both Google Summer of Code and Code52.

How to get involved

Project Submissions and Project Leaders

For this to work, each project will need a dedicated .NET Summer Project Leader. If this is an established open source project, that’s hopefully a core team member. If it’s a new project, we need someone who will define the roadmap, review pull requests, and pull the community together.

You can submit a new project here:

We’ll lock down submissions for the first session on July 17th (since it’s coming up fast), and two weeks before the session start for the next two. So:

Session 1 deadline: July 17
Session 2 deadline: July 24
Session 3 deadline: August 7

That’ll help us get the word out, plan events, etc. Exceptions can be made if needed, but please shoot for those deadlines. I’ll work with the .NET Foundation Advisory Council to make selections and we’ll announce two days after the close date.

Criteria for a good project submission:

Defined goal that can be achieved in a two week session
Project leadership team that can define goals, contribution guidelines, create up-for-grabs issues, run virtual or in person events
Established open source project or community

Some ideas / areas I’d love to see represented:

Porting some established .NET open source libraries to .NET Core 2 or .NET Standard
Adding features to established libraries, e.g. localization, modernization, documentation
Creating new libraries to fill some gaps or target newly available platforms
Representation from multiple .NET platforms: Xamarin, ASP.NET Core, UWP, Unity, .NET Framework, F#, etc.


Watch for announcements on projects and get involved. We’ll use the social media hashtag #dotnetsummer. You can contribute to more than one project.

Events / User Groups / Teams

The .NET Foundation will be sponsoring in-person events. Want to throw a Saturday hack event for your local user group? Maybe plan out a bigger in-person event with a project leader at a Microsoft office or at a conference? Got another idea we can help with? Let me know: [email protected] or @jongalloway.

This my hackfest project. I’m very excited about it and I’ve been thinking about it for a while, but I’ll be figuring out how best to run it as we go. I’ll need your feedback throughout to see if my project was successful and hopefully improve on it next summer.

*I realized that it’s not summer all around the globe at the same time. If it’s not summer where you live, replace with $”Let’s have some {season} fun!”